एकाधिक पंक्तियों के साथ ExtJS टूलबार

Question

क्या एकाधिक लाइनों के साथ ExtJsToolBar होना संभव है? मैं पहली पंक्ति पर कुछ नियंत्रण और दूसरे पर 3 ExtJsButtons चाहता हूँ। टूलबार एक पैनल का शीर्ष टूलबार है।

Answer 1

आप क्या आप टूलबार जोड़ना चाहते विजेट का उल्लेख नहीं किया है, लेकिन सामान्य रूप में आप के रूप में कई उपकरण पट्टियों के रूप में आप चाहते हैं जोड़ सकते हैं: आप ग्रिड के शीर्ष करने के लिए अतिरिक्त उपकरण पट्टी में जोड़ना चाहते हैं

var panel = new Ext.Panel(); 
var tool1 = new Ext.Toolbar({...}); 
var tool2 = new Ext.Toolbar({...}); 

panel.add(tool1); 
panel.add(tool2); 
... 

, फिर ग्रिड के पैनल घटक को ढूंढें और इसमें टूलबार जोड़ें। यह ऐसा दिखाई दे सकता (परीक्षण नहीं):

tPanel = grid.getTopToolbar().ownerCt; // get top toolbar's container panel 
tPanel.add(anotherToolbar); 

Answer 2

मुझे यकीन नहीं है कि यह संभव है या नहीं, लेकिन आप हमेशा क्या कर सकते हैं, उत्तर क्षेत्र को विभाजित करना (उदाहरण के लिए सीमा लेआउट का उपयोग करना) पंक्ति पंक्ति का उपयोग करके दो पंक्तियों में विभाजित करना है। फिर आप शीर्ष पंक्ति में एक टूलबार और दूसरी पंक्ति को दूसरी पंक्ति में जोड़ सकते हैं।

Answer 3

मैं अगर यह आपके लिए वास्तव में क्या देख रहे हैं, लेकिन उपकरण पट्टियाँ Ext 3.0 में नया किया गया है यकीन नहीं है। Ext मंच में इस सूत्र पर http://extjs.com/deploy/ext-3.0-rc1.1/examples/toolbar/toolbars.html

Answer 4

देखो:

आपको कम से पर नज़र कर सकते हैं। यह वर्णन करता है कि टूलबार कैसे बनाएं और इसे मौजूदा टूलबार में कैसे प्रस्तुत करें।

http://www.extjs.com/forum/showthread.php?t=12433

Answer 5

पहले के संस्करणों के बारे में सुनिश्चित नहीं हैं, लेकिन ExtJS 4.0 के रूप में आप इसे इस तरह से कर सकते हैं जब आप ग्रिड को परिभाषित कर रहे हैं:

dockedItems: [ 
    { 
     xtype: 'toolbar', 
     dock: 'top', 
     items: [ 
      {text:'Toolbar 1 Button 1'}, 
      {text:'Toolbar 1 Button 2'} 
     ] 
    }, 
    { 
     xtype: 'toolbar', 
     dock: 'top', 
     items: [ 
      {text:'Toolbar 2 Button 1'} 
     ] 
    } 
], 

http://dev.sencha.com/deploy/ext-4.0.2a/docs/#/api/Ext.panel.Panel

Answer 6

dockedItems के बारे में क्या अपने भी बहुत आसान है।

var toolbar1 = { 
    xtype : 'toolbar', 
    dock : 'top', // bottom, right, left 
    items: [...] 
}; 

var toolbar2 = { 
    xtype : 'toolbar', 
    dock : 'top', 
    items: [...] 
}; 

Ext.create('Ext.panel.Panel', { 
    dockedItems: [toolbar1,toolbar2] 
}); 

मैं जानता हूँ कि इसकी काफी पुरानी है और पहले से ही उत्तर दिया, हो सकता है यह मदद कर सकता है किसी को :)