3列のグリッドがあり、そのうちの1列にactioncolumn
ボタンが付いたがあります。
私のシナリオ; ユーザーがのボタンをクリックした場合はfriend view
、次のグリッドを表示する必要があります(actioncolumnボタンを使用)が、ユーザーがをクリックした場合はteacher view
、アクション列に2つのボタンを表示する必要があります。どうやってやるの ?
Ext.create('Ext.grid.Panel', {
title: 'Action Column Demo',
store: Ext.data.StoreManager.lookup('friendStore'),
columns: [
{text: 'First Name', dataIndex:'firstname'},
{text: 'Last Name', dataIndex:'lastname'},
{
xtype:'actioncolumn',
width:50,
items: [{
icon: 'extjs/examples/shared/icons/fam/cog_edit.png', // Use a URL in the icon config
tooltip: 'Edit',
handler: function(grid, rowIndex, colIndex) {
var rec = grid.getStore().getAt(rowIndex);
alert("Edit " + rec.get('firstname'));
}
}]
}
],
width: 250,
renderTo: Ext.getBody()
});