为什么在 ExtJs 中禁用节点会使复选框仍然可用？答案

【问题标题】：Why disabling node in ExtJs makes checkbox still available?为什么在 ExtJs 中禁用节点会使复选框仍然可用？
【发布时间】：2016-04-25 15:28:34
【问题描述】：

我正在使用与 Magento 捆绑的 ExtJs，以在检查节点后禁用一行中的类别节点。

我可以禁用同一“级别”的节点，但复选框输入仍可用于检查它们。

这是我目前的代码：

tree.on('check', function(node) {
    if(node.attributes.checked) {
        categoryAdd(node.id);
        //disable nodes except checked Node
        for (var i = 0; i < node.parentNode.childNodes.length; i++) {
            var actualNode = node.parentNode.childNodes[i];
            if (!actualNode.attributes.checked) {
                actualNode.disable();
            }
        }
    } else {
        categoryRemove(node.id);
        //enable all nodes
        for (var i = 0; i < node.parentNode.childNodes.length; i++) {
            var actualNode = node.parentNode.childNodes[i];
            actualNode.enable();
        }
    }
    varienElementMethods.setHasChanges(node.getUI().checkbox);
}, tree);

这是一个捕获，以了解此代码的作用。

【问题讨论】：

你能做一个小提琴吗？当我点击你的图片时，什么也没有发生。

标签： javascript magento extjs nodes treenode

【解决方案1】：

要禁用或将输入设置为只读模式，您应该使用DomQuery 并为每个输入设置属性：

var readonly = true;
var checkBoxes = Ext.DomQuery.select("DIV[@id='" + myTreeid + "']")[0].getElementsByTagName("input");
Ext.each(checkBoxes, function(cb){
   cb.setAttribute('disabled', readonly);
});

【讨论】：