如果是Ext.form.panel的话,只要设置一下属性就可以。如下代码:
{ text : '期间', width : 80, sortable : true, dataIndex : 'accountPeriod', format : 'Ym' }
如果是Ext.grid.panel的话,比较麻烦。网上也有各位大神的解决方法,不过都比较麻烦,要重写控件,我向一位大牛请教后整理出一个非常简单的方法,代码:
Ext.define('Dpap.branchWithHold.WithHoldGrid',
{
extend : 'Ext.grid.Panel',
frame : true,
sortableColumns : false,
enableColumnHide : false,
enableColumnMove : false,
stripeRows : true,
selType : "rowmodel",
forceFit:true,
columns : [
{
text : "税种",
dataIndex : 'taxName',
editor : {
xtype: 'combo',
maxLength : 200,
allowBlank: false,
editable : false,
valueField : "taxCategory",
displayField : "taxCategory",
store : taxCategoryStore
}
},{//定义日期控件
text : "期间",
dataIndex : 'accountPeriod',
editor : {
xtype: 'monthfield',
maxLength : 200,
allowBlank: false,
editable : false,
format: 'Ymd'
},
xtype : 'datecolumn',
//重要的就是下面的部分,用renderer获取选中的值,然后进行格式化,重新赋值。
renderer : function(value){
return Ext.Date.format(value,'Ym');
}
}
]
});