{
xtype: 'gridpanel',
region: 'north',
height: 150,
title: 'My Grid Panel',
store: 'A_Test_Store',
columns: [
{
xtype: 'gridcolumn',
dataIndex: 'Name',
text: 'Name',
editor: {
xtype: 'textfield'
}
},
{
xtype: 'gridcolumn',
dataIndex: 'Content',
text: 'Content'
},
{
xtype: 'gridcolumn',
dataIndex: 'Time',
text: 'Time'
}
],
plugins: [
Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1, //點(diǎn)擊單元格編輯
listeners: {
beforeedit: {
fn: me.onCellEditingBeforeEdit,
scope: me
},
validateedit: {
fn: me.onCellEditingValidateedit,
scope: me
}
}
})
]
}
onCellEditingBeforeEdit: function(editor, e, eOpts) {//動(dòng)態(tài)賦值用.正常情況下不需要該事件.
   e.record.data[e.field]= "my test";
e.value="my test";
e.record.commit(); //提交,不提交無(wú)效
}
onCellEditingValidateedit: function(editor, e, eOpts) {
if(e.row==1) //驗(yàn)證邏輯
{
e.cancel=true; //取消
e.record.data[e.field] = e.value;
}
e.record.commit();
}

{
xtype: 'gridcolumn',
renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
metaData.tdAttr = 'data-qtip="'+record.data.Content+'"';

if(record.data.Content.indexOf('審核通過(guò)')!=-1)
{
metaData.style="color:green";
}
else if(record.data.Content.indexOf('拒絕')!=-1)
{
metaData.style="color:red";
}
return value;
}
,
width: '*',
dataIndex: 'Title',
text: '標(biāo)題'
}