如何在Extjs checkcolumn中获取id？

Question

我tiro在Extjs。

这是我的模型。

Ext.define('CatModel', {
    extend: 'Ext.data.Model',
    idProperty: 'id',
     fields: [{
        name: "name",
        convert: undefined
    }, {
        name: "id",
        convert: undefined
    }]
}); 

商店。

var store = Ext.create('Ext.data.TreeStore', {
    model:'CatModel',
    root: {
        expanded: true
    },
    proxy: {
        type: 'ajax',
        reader: 'json',
        url: 'item_access.jsp?fullpage=true&show_cat=1'
    }
});

和treePanel。

var treePanel = Ext.create('Ext.tree.Panel', {
    id: 'tree-panel',
    title: 'Sample Layouts',
    region:'north',
    split: true,
    height: 560,
    minSize: 150,
    rootVisible: false,
    autoScroll: true,
    store: store,
    columns: [
        {
            xtype: 'treecolumn',
            text: 'name',
            flex: 2.5,
            sortable: true,
            dataIndex: 'name'
        },
        {
            text: 'id',//I want to get this id
            flex: 1,
            dataIndex: 'id',
            sortable: true
        }
        , {
            xtype: 'checkcolumn',
            text: 'Done',
            dataIndex: 'done',
            width: 55,
            stopSelection: false,
            menuDisabled: true,
            listeners:{
                checkchange:function(cc,ix,isChecked){
                    //alert(isChecked);
                    //I want to get this row id in here 
                }
            }
        }]
});

在 checkchange 函数中有三个参数一是未知，二是索引，三是检查状态...。

那么我怎样才能得到我选中复选框的那一行的id呢？

我可以通过复选框的行索引找到那个id号吗？

Answer 1

你应该可以从TreeView中获取记录的行索引，然后从中获取id属性。

listeners:{
    checkchange: function(col, idx, isChecked) {
        var view = treePanel.getView(),
            record = view.getRecord(view.getNode(idx));

        console.log(record.get('id'));
    }
}