2015-01-03 80 views
0

我正在使用GridPanel和複選框選擇模型。我有一列呈現爲文本字段供用戶輸入數量。問題是,當我輸入一個值一個項目,上一行的複選框,即使我設置爲true時取消「CHECKONLY」Ext JS Grid Panel複選框被取消選擇

下面是我的GridPanel

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); 
} 

});

任何幫助,將不勝感激。

回答

0

我已將您的代碼轉換爲Sencha Fiddle,並且無法複製您遇到的問題。您得到的錯誤必須由其他方法引起。運行此操作時,您是否在瀏覽器控制檯中看到錯誤?

更新:我注意到輸入可編輯文本字段時發生錯誤。在進入該字段時,取消選中該行的複選框。

這是ExtJs版本4.0.7中的一個已知錯誤,並且據推測在稍後的版本中已修復,儘管它似乎並未在任何版本中修復。在GitHub上的HERE上可以找到一個臨時錯誤修正,並且正在使用它的一個演示在上面的提琴中,但它似乎只適用於ExtJs版本4.0.7。

我會在Sencha論壇上發佈這個bug作爲bug,以便重新調查問題。

我會進一步研究這個問題,並讓你知道我是否想出了一個更好的解決方案。我剛剛在ExtJS 5中測試了它,它沒有問題。