ㄓㄤㄑㄧㄤ

ExtJs4.0日期控件只显示年月按年月格式会跳月的解决办法

如果是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'); } } ] });

 

posted @ 2015-07-31 18:20  ㄓㄤㄑㄧㄤ  阅读(1943)  评论(0编辑  收藏  举报
哈哈,页脚部分。