如何仅在单击网格中的复选框时选择复选框,而不是单击单元格或行在extjs 3.2中

时间:2016-07-17 08:51:50

标签: extjs extjs3

我有一个带复选框模型的网格。我只想在单击复选框时选择网格,现在它甚至在单击单元格或行后也会选择。我试过了checkOnly: true,,但它没有用。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

这适用于EXTJS 4所有版本。

Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone'],
    data:{'items':[
        { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254"  }
    ]},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'items'
        }
    }
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    selType: 'checkboxmodel', // This for checkbox Model
    selModel: { 
        enableKeyNav: false,
        pruneRemoved: false,
        checkOnly: true // This for select only checkbox is clicked
    },
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});