Динамически изменить Тулбар в Grid
у меня есть таблица,
ее содержимое и поля меняются с помощью grid.reconfigure а как при этом поменять tbar ? пробовал так есть ТБар
tb = new Ext.toolbar.Toolbar({
items : [
{
text: 'Добавить документ',
itemId: 'new',
icon: 'ext/resources/ext-theme-classic/images/dd/drop-add.gif',
handler: function(){
...
}
},
{
itemId: 'delete', // id кнопки, потом пригодится
text: 'Удалить',
icon: 'ext/resources/ext-theme-classic/images/dd/drop-no.gif',
handler: function(){
..
}
]
});
Есть таблица , в ней добавляю tbar
var grid_podacha = Ext.create('Ext.grid.Panel', {
columnLines: true,
store: store_podacha,
click_to_edit:2,
border : 1,
columns: col_grid_podacha,
height: 600,
width: '100%',
title: 'Документы подача вагонов',
// renderTo: 'grid9',
handler: function(grid, rowIndex, colIndex) {
// var rec = grid.getStore().getAt(rowIndex);
alert(colIndex);
},
bbar: Ext.create('Ext.PagingToolbar', {
...
}),
tbar: tb
});
Как можно вставить в tbar допустим tb2? |
Если tb2 при старте определен, то можно поступить так:
...
tbar: [
{
xtype: 'tbar-1'
},
{
xtype: 'tbar-2',
hidden: true
}
]
...
И в контроллере выполнить: tbar1.hide(); tbar2.show(); Если тебе надо что-то динамически поменять в тбаре почитай тут: Toolbar-method-add Toolbar-method-remove В начале статьи есть пример. |
Цитата:
|
Функция add возвращает объект, который был добавлен.
В функцию remove кидаешь объект или id объекта. a = tbar.add( '-' ); // добавит separator tbar.remove( a ); // удалит separator tbar.remove( a.id ); // тоже самое tbar.removeAll(); // удалит все элементы |
спасибо, ))
|
| Часовой пояс GMT +3, время: 23:09. |