jquery - Jquery Dynatree，只有子节点是可选的？

Question

我有一个具有多个父节点和子节点的 dynatree。我正在获取 json 数据并传递给 dynatree 以形成树结构。

$(document).ready(function() {
                $("#tree").dynatree({
                checkbox: true,
                classNames: {checkbox: "dynatree-radio"},
                hasChildren:true,
                selectMode: 1,
                onDblClick: function(node, event) {
                    node.toggleSelect();
                },
                onKeydown: function(node, event) {
                    if( event.which == 32 ) {
                    node.toggleSelect();
                    return false;
                    }
                },
      <%=codesJSON%>
            });
    });

可以使用单选按钮选择节点。 当树完全加载时，我只想选择子节点，而父节点只是为了可见性。我尝试使用不可选择的属性，但它似乎不适用于我的情况。

有没有办法做到这一点。

请帮忙谢谢...

为它设置一个 jsfiddle - http://jsfiddle.net/jegadeesb/zRPfx/2/

Answer 1

在节点定义中设置选项isFolder: true和unselectable : true

前任

$(function() {
    // Variant 1:
    $("span.dynatree-edit-icon").live("click", function(e) {
        alert("Edit " + $.ui.dynatree.getNode(e.target));
    });
    $("#tree").dynatree({
        checkbox : true,
        classNames : {
            checkbox : "dynatree-radio"
        },
        onActivate : function(node) {
            // $("#info").text("You activated " + node);
        },
        onRender : function(node, nodeSpan) {
            $(nodeSpan)
            .find('.dynatree-icon')
            .before('<span class="dynatree-icon dynatree-edit-icon"></span>');
        },
        // Variant 2:
        onClick : function(node, e) {
            if ($(e.target).hasClass("dynatree-edit-icon")) {
                $("#info").text("You clicked " + node + ",  url=" + node.url);
            }
        },
        children : [{
            title : "Item 1"
        }, {
            title : "Folder 2",
            isFolder : true,
            unselectable : true,
            children : [{
                title : "Sub-item 2.1"
            }, {
                title : "Sub-item 2.2"
            }]
        }, {
            title : "Item 3"
        }]
    });
});

演示：小提琴

从文档

isFolder: false, // 使用文件夹图标。该节点也是可扩展的，但不可选择。

unselectable: false, // 防止选择。