ExtJs 4网格选择模型

时间:2013-03-30 15:13:46

标签: extjs4

我正在使用CheckboxModel作为我的网格。如何通过鼠标单击行(不在复选框上)禁用检查所选行。换句话说,如何通过单击行来分隔选择行并单击复选框?我知道CheckboxModel中的checkOnly,但如果我启用它,我就无法通过鼠标单击行来选择行

1 个答案:

答案 0 :(得分:0)

  如果你愿意的话,似乎你会走错方向   单独的行选择和复选框选择然后不要使用   CheckboxSelection使用RowSelection和其渲染器的列   将是一个复选框,因此复选框选择不会干扰行   选择

要添加带有复选框的列,您需要使用Ext.ux.CheckColumn列并将其包含在列列表中,与该checkcolumn关联的dataIndex应该是一个布尔值,它将存储该列的已检查/未检查状态

var grid = Ext.create('Ext.grid.Panel', {
    columns: [{
        xtype: 'checkcolumn',
        header: 'Header',
        dataIndex: 'field'
    }]
});

并确保包含Ext.ux

<强>参考文献:

  1. https://stackoverflow.com/a/2431312/1237812
  2. http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/cell-editing.html
  3. http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/cell-editing.js
  4. http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ux.CheckColumn
相关问题