Có thể có ExtJsToolBar với nhiều dòng không? Tôi muốn một vài điều khiển trên dòng đầu tiên và 3 ExtJsButtons vào ngày 2. Thanh công cụ là thanh công cụ trên cùng của Bảng điều khiển.Thanh công cụ ExtJS có nhiều hàng
Bạn đã không đề cập đến những gì Widget bạn muốn thêm thanh công cụ, nhưng nói chung bạn có thể thêm bao nhiêu thanh công cụ như bạn muốn:
var panel = new Ext.Panel();
var tool1 = new Ext.Toolbar({...});
var tool2 = new Ext.Toolbar({...});
panel.add(tool1);
panel.add(tool2);
...
Nếu bạn muốn bổ sung thêm thanh công cụ để phía trên cùng của lưới , sau đó tìm thành phần bảng điều khiển của lưới và thêm các thanh công cụ vào nó. Nó có thể trông giống như thế này (không được thử nghiệm):
tPanel = grid.getTopToolbar().ownerCt; // get top toolbar's container panel
tPanel.add(anotherToolbar);
Tôi không chắc chắn, cho dù nó có thể hay không, nhưng những gì bạn luôn có thể làm là chia khu vực phía bắc (nếu sử dụng bố trí viền chẳng hạn) thành hai hàng bằng cách sử dụng bố cục hàng. Sau đó, bạn có thể thêm một thanh công cụ vào hàng trên cùng và một thanh công cụ khác vào hàng thứ hai.
Tôi không chắc đây có phải là chính xác những gì bạn đang tìm kiếm hay không nhưng thanh công cụ đã được cải tiến trong Ext 3.0.
Bạn có thể muốn mất một peek tại địa chỉ: http://extjs.com/deploy/ext-3.0-rc1.1/examples/toolbar/toolbars.html
Nhìn vào chủ đề này trong diễn đàn Ext. Nó mô tả cách tạo thanh công cụ và hiển thị thanh công cụ đó trên thanh công cụ hiện có.
Không chắc về các phiên bản trước đó, nhưng như của ExtJS 4.0 bạn có thể làm điều đó như thế này khi bạn đang định lưới:
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
gì về dockedItems của nó đơn giản hơn nhiều.
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]
});
Tôi biết nó khá cũ và đã trả lời, có thể là nó có thể giúp một ai đó :)
Một ví dụ thứ hai hoạt động tốt, cảm ơn! – Andron