groupGridUi = Ext.extend(Ext.grid.GridPanel, {
id: 'centerArea',
store: 'listGroup',
autoExpandColumn: 'name',
initComponent: function() {
this.selModel = new Ext.grid.CheckboxSelectionModel({
sortable: true
});
userExpander.hidden = false;
userExpander.header = 'Пользователи';
groupExpander.hidden = true;
groupExpander.header = 'Дочерние группы';
this.columns = [
this.selModel,
{
id:'name',
xtype: 'templatecolumn',
header: 'Название',
tpl: '<a href="#">{name}</a>'
},
{
xtype: 'datecolumn',
header: 'Дата создания',
editable: false,
dataIndex: 'date'
},
userExpander,
{
xtype: 'templatecolumn',
header: 'Родительская группа',
width: 200,
tpl: '<a href="{parent}">{parent}</a>'
},
groupExpander
];
this.bbar = {
xtype: 'paging',
store: 'listGroup',
pageSize: 10,
autoHeight: true,
autoWidth: true
};
groupGridUi.superclass.initComponent.call(this);
},
plugins: [
userExpander,
groupExpander,
]
});
groupGrid = Ext.extend(groupGridUi, {
initComponent: function() {
groupGrid.superclass.initComponent.call(this);
}
}); |