取消选择Ext JS Grid Panel复选框

时间:2015-01-03 21:55:35

标签: extjs extjs4.2

我正在使用带有复选框选择模型的GridPanel。我有一个呈现为文本字段的列供用户输入数量。问题是,只要我输入一个项目的值,即使我为' checkOnly'设置为true,也会取消选中前一行的复选框。

以下是我的网格面板

Ext.define('demo.view.productsGridPanel', {
extend : 'Ext.grid.Panel',
alias : 'widget.productsGridPanel',


selModel: Ext.create('Ext.selection.CheckboxModel', {
                        mode: 'MULTI', 
                        checkOnly: true
            }),

plugins: [
    Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit: 1
    })
],



initComponent : function() {

    var me = this;

    this.store = Ext.StoreManager.get('demo.store.Products');

    this.columns = [ 
        {
            header : 'Product Code',
            dataIndex : 'code',
            flex : 1
        }, 
        {
            header : 'Product Name',
            dataIndex : 'name',
            flex : 2
        }, 
        {
            header : 'Product Price',
            dataIndex : 'price',
            flex : 1
        },
        {
             header: 'Enter Qty',               
             flex: 1,
             dataIndex : 'quantity',
             editor: {
                    xtype: 'textfield',
                    allowBlank: true
             }
        },

    ];



    this.callParent(arguments);
}

});

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

我已将您的代码转换为Sencha Fiddle,无法复制您遇到的问题。您获得的错误必须由其他原因引起。运行此操作时,您是否在浏览器控制台中看到错误?

更新:我注意到输入可编辑文本字段时发生错误。在进入该字段时,将取消选中该行的复选框。

这是ExtJs版本4.0.7中的已知错误,并且应该在更高版本中修复,尽管它似乎没有在任何版本中修复。可以在GitHub上的HERE上找到一个临时的bug修复程序,并且正在使用它的演示文稿在上面的小提琴中,但它似乎只适用于ExtJs 4.0.7版。

我会在Sencha论坛上发布此错误,以便重新调查此问题。

我会进一步研究这个问题,如果我想出更好的解决方案,请告诉您。我刚刚在ExtJS 5中对它进行了测试,它没有问题。