Ext Js面板空时间字段

时间:2014-10-04 18:34:59

标签: javascript json extjs extjs4.2 extjs-mvc

我是ext js的新手 如果我无法正确解释我的问题,我很抱歉

我的问题是网格中的时间字段显示为空白

如果在模型中从日期更改字符串类型并禁用渲染函数formatTime,则显示该值。

以下是响应json,模型和视图的一部分。我从其他工作网站复制了代码。

请告诉我如何调试并找到解决方案以及可能的原因

Extjs 4.2 mvc

json响应中的值

"actualstarttime":"02:00 AM"

模型

{name: 'actualstarttime',    type: 'date'}, 

查看

                     {
                            header: 'Time',
                            dataIndex: 'actualstarttime',
                            width: 85,
                            renderer: this.formatTime,

                            editor: {
                                xtype: 'timefield',
                                id : 'e_actualstarttime',
                                /*allowBlank: false,*/
                                minValue: '12:00 AM',
                                maxValue: '23:00 PM',
                                increment: 30,
                                anchor: '100%',
                                editable : false,
                                format: 'h:i A',
                                submitFormat: 'h:i A',
                                listeners: {
                                    change: function(roweditor, changes, record, rowIndex) {
                                        me.calculateInterval(roweditor, changes, record, rowIndex);
                                    },
                                    afterrender: function( roweditor, changes, record, rowIndex ) { //TECHNOKRAFTS: Added Listner to apply validation depending on the status
                                        me.checkstatusvalidation(roweditor, changes, record, rowIndex);
                                    }
                                }
                            }   
                         }

在渲染中调用的Formattime函数

formatTime : function (value){
    return value ? Ext.Date.dateFormat(value, 'g:i A') : '';
}

1 个答案:

答案 0 :(得分:1)

您需要将dateFormat添加到字段定义中。

    Ext.define("Model", {
        extend: "Ext.data.Model",
        fields: [{
            name: "actualstarttime",
            format: "h:i A"
        }]
    });

Demo