我使用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']
}
]
}
但我看到来自there的sencha样本,看起来很棒:
答案 0 :(得分:2)
您的代码没有问题。确保使用演示中使用的相同css。你现在的css不好。