Extjs datefield在我的网格中看起来很怪异

时间:2017-04-21 02:23:24

标签: javascript extjs

我使用ExtJs 6.2.0编写了一个带有一个日期列的简单网格, 但它没有'看起来很好。我的意思是说日期选择器是如此狭窄和奇怪。

    xtype: 'gridpanel',
    reference: 'payordFlowGrid',
    width: 1000,
    minHeight: 120,
    margin: '0 0 10 0',
    requires: [
        'Ext.selection.CellModel',
        'Ext.grid.column.Action'
    ],
    plugins: {
        ptype: 'cellediting',
        clicksToEdit: 1,
        listeners: {
            beforeedit: function(editor, context, eOpts){
                // workaround for error at clicking a widgetcolumn
                if (context.column.widget)
                    return false;
            }
        }
    },
    bind: {
        store: '{payordflowstore}'
    },
    actions: {
        del: {
            glyph: 'xf147@FontAwesome',
            tooltip: 'Del',
            handler: 'onGridPayordFlowDel'
        }
    },
    columns: [
        ...
        { text: '№ п.п.',  dataIndex: 'npp', width: 100,
            editor: {
                allowBlank: true
            }
        },
        { xtype: 'datecolumn',
            header: 'Дата',
            dataIndex: 'dt',

            width: 95,
            format: 'd m Y',
            editor: {
                xtype: 'datefield',
                format: 'd.m.y'
            }
        },
        { text: 'Расчет.сумма',  dataIndex: 'summa6', width: 100
        },
        { xtype: 'checkcolumn', text: 'Подпись', dataIndex: 'signed' }
        ,
         {
            menuDisabled: true,
            sortable: false,
            xtype: 'actioncolumn',
            width: 50,
            items: ['@del']
        }
    ]
}

现在我的问题: 为什么我的日期选择器看起来很奇怪: enter image description here

但我看到来自there的sencha样本,看起来很棒: enter image description here

1 个答案:

答案 0 :(得分:2)

您的代码没有问题。确保使用演示中使用的相同css。你现在的css不好。