如何以编程方式单击按钮时检查真实的extjs treepanel复选框？

Question

我有一个Extjs树面板，在其中添加了许多层。 另外，我有一个包含搜索按钮的搜索面板。 单击搜索按钮后，它将在extjs网格视图中返回结果。

我想通过单击gridviews行来显示图层，并将treepanel的复选框动态或以编程方式设置为true
我添加了树状面板

var layerTree = new Ext.tree.TreePanel({
    border: true,
    root: layerList,
    split: true,
    containerScroll: true,
    collapseMode: "mini",
    autoScroll: true,
    loader: new Ext.tree.TreeLoader({
        applyLoader: false,
        uiProviders: {
            "layernodeui": LayerNodeUI
        }
    }),
    root: {
        nodeType: "async",
        children: Ext.decode(treeConfig)
    },
    listeners: {
        "radiochange": function(node) {}
    },
    rootVisible: false,
    lines: false

});

我想像layernode.checked=true

谢谢Akatum你说

在网格配置中，您需要为itemclick事件设置侦听器，当用户单击网格中的行时会触发该事件。 在此侦听器中，您需要从行记录中获取有关图层的信息。 然后，您可以通过Ext.data.TreeStore getNodeById方法在树中找到图层节点，并将其选中的属性设置为true

因此，在网格配置中，您将具有：

listeners: {
    itemclick: function(c, record) {
        // get layer id from clicked row record
        var layerId = record.get('layerId');

        // find layer node in tree by layer id
        var node = layerTree.getStore().getNodeById(layerId);

        // set node checked attribute to true
        node.set('checked', true);
    }
}

我尝试了您的代码，但无法正常工作。 我在这样的代码中添加了您建议的代码

var grid = new Ext.grid.GridPanel({
     store: new Ext.data.JsonStore({
         fields: action.result.fields,
         listeners: {
             load: function() {
                 setTimeout(function() {
                     grid.getSelectionModel().selectFirstRow();
                 }, 100);
             }
         }
     }),
     frame: true,
     columns: action.result.columns,
     stripeRows: true,
     listeners: {
         itemclick: function(c, record) {
             var layerId = record.get('layerId');
             var node = layerTree.getStore().getNodeById(layerId);
             node.set('checked', true);
         }
     }
 });

Answer 1

在网格配置中，您需要为itemclick事件设置侦听器，当用户单击网格中的行时会触发该事件。 在此侦听器中，您需要从行记录中获取有关图层的信息。 然后，您可以通过Ext.data.TreeStore getNodeById方法在树中找到图层节点，并将其选中的属性设置为true

因此，在网格配置中，您将具有：

listeners: {
    itemclick: function(c, record) {
        // get layer id from clicked row record
        var layerId = record.get('layerId');

        // find layer node in tree by layer id
        var node = layerTree.getStore().getNodeById(layerId);

        // set node checked attribute to true
        node.set('checked', true);
    }
}