dijit樹+復選框-無法選擇/取消選擇復選框

Question

我試圖通過輸入輸入html代碼作為標簽值的一部分來在dijit.Tree中放置一個復選框。 它顯示確定，但我無法選中或取消選中它。 好像單擊事件沒有冒泡/到達輸入元素。

這是我創建樹對象的方法。

myTree = new dijit.Tree({
    model: myModel,
    showRoot: false,            
    getLabel: function(item) {
        if (!item.root)
            return '<input type="checkbox" name="'+ item.name +'" id="'+ item.name +'" value="1" /> '+ item.name;
    }

}, "gridDiv");

我怎樣才能解決這個問題 ？

Answer 1

現在我想到2個選擇：

1. 如果可以，請使用新的dojo的dgrid。 有了這個新的網格，您可以使用“編輯器”模塊並將“復選框”作為參數傳遞，它將在您的列中呈現一個復選框。 在這里查看 。 然后，您可以在此處下載它，並且在執行該操作時，請檢出“ test”文件夾，您可以在“ dgrid / test / tree.html”中找到想要的示例。
2. 在當前網格中，編輯getLabel方法的return語句，並使其返回dojo樣式標記，例如<div data-dojo-type="dijit.form.CheckBox" ... ></div> ，然后在樹啟動之后事件執行dojo.parser.parse(tree.domNode) 。 這將僅解析網格的DOM節點，並將任何dojo樣式標記轉換為實際的dojo對象。

如果可以的話，我個人建議第一選擇。

運氣，

Answer 2

如果樹中有復選框，我會選擇cbtree。 在這里檢查