码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-31 20:11:56      阅读:314      评论:0      收藏: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‘); } } ] });

 

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

标签:

原文地址:http://www.cnblogs.com/azhqiang/p/4692914.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!