2017-08-10 74 views
1

我正在使用具有复选框的每行多行的网格。如果您通过单击标题复选框选择All,并通过单击任意行取消选择,则标题复选框也将被取消选中。 这可按预期在版本6.0.1中运行经典工具包。小提琴例子给出波纹管带有行单击事件的复选框标题在extjs中无法正常工作6.5.1

https://fiddle.sencha.com/#view/editor&fiddle/24tc

,但相同的代码不分机6.5.1工作,如果你用头复选框,选中所有,并取消任何行标题复选框没有得到取消了第一次。小提琴是波纹管

https://fiddle.sencha.com/#view/editor&fiddle/24tf

我需要使用行单击复选框模型头复选框给出。请告诉我该怎么办

+0

我真的不理解你的代码。当你基本上模仿checkOnly:false行为时,你为什么要设置'checkOnly:true'。 –

+0

嗨伊万,我不想取消选择所有行,这就是为什么我使用'checkOnly:true'属性,我的其他混乱是为什么它有两个不同的行为在两个不同的版本相同的代码 – Avee

回答

0

我需要使用复选框模型中的行单击与标题复选框。请告诉我该怎么办

无需使用行点击。

我已更改selModel并且不需要为点选复选框进行排列点击。 ExtJs直接属性检查行单击或复选框单击复选框。

click to see for demo on fiddle for testing. it is working fine.

var store = Ext.create('Ext.data.Store', { 
     fields: ['name', 'email', 'phone'], 
     data: [{ 
      name: 'Lisa', 
      email: '[email protected]', 
      phone: '555-111-1224' 
     }, { 
      name: 'Bart', 
      email: '[email protected]', 
      phone: '555-222-1234' 
     }, { 
      name: 'Homer', 
      email: '[email protected]', 
      phone: '555-222-1244' 
     }, { 
      name: 'Marge', 
      email: '[email protected]', 
      phone: '555-222-1254' 
     }] 
    }); 

    Ext.create('Ext.grid.Panel', { 
     title: 'Simpsons', 
     store: store, 
     columns: [{ 
      text: 'Name', 
      dataIndex: 'name' 
     }, { 
      text: 'Email', 
      dataIndex: 'email', 
      flex: 1 
     }, { 
      text: 'Phone', 
      dataIndex: 'phone' 
     }], 
     height: 200, 
     width: 400, 
     renderTo: Ext.getBody(), 
     selModel: { 
      checkOnly: false, 
      injectCheckbox: 'last', 
      mode: 'SIMPLE' 
     }, 
     selType: 'checkboxmodel' 
    }); 
+0

正是我正在寻找,谢谢一位男士 – Avee