javascript - 将 vtype 添加到网格 EXT-JS 中的列

Question

我有一个网格，其中有一列用户只能输入正整数。所有其他值都是 Not Acceptable 。

对于文本字段，我可以使用 VType 处理类似的场景，但我无法将 VType 添加到网格的列。是否可以添加一个？

如果是的话，如果有人能告诉我如何做，那就太好了。

PFB 网格代码:

xtype:'gridpanel',
id:'my-grid',
overflowY:'auto',
sortableColumns:false,
enableColumnHide:false,
enableColumnResize:true,
plugins:[
    Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit:1,
        pluginId:'cellEditing'
    })
],
store:new Ext.data.Store({
    fields:['data1', 'data2'],
    addRecords:false,
    data:storeData
}),
columns:[
    {
        text:'NumberColumn',
        dataIndex:'data1',
        menuDisabled:true,
        sortable:false,
        flex: 4,
        editor:{
            xtype:'textfield',
            allowBlank:false,
            //tried adding vtype here...but didn't work...
        },
        renderer:function (value, metaData, record) {
            return value
        }
    }

Answer 1

vtype 可以应用于字段，但不能应用于列。列仅可视化一个值，而字段允许您输入和操作它。在您的情况下，您使用的是 Cellediting，它用 Ext.form.Field 实例覆盖列，在您的情况下，是一个文本字段，然后允许您输入/操作一个值。因此，向 fieldconfig 添加有效的 vtype 应该可行。无论如何，数字没有 vtype，因此在您的情况下在这里使用它是没有值(value)的。

但是您的问题可以通过使用以下字段轻松解决:

{
    xtype: 'numberfield',
    allowDecimals: false,
    minValue: 0,
    allowBlank: false
}