Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Dynatree,只有子节点是可选的吗?_Jquery_Jquery Plugins_Dynatree_Jquery Dynatree - Fatal编程技术网

Jquery Dynatree,只有子节点是可选的吗?

Jquery Dynatree,只有子节点是可选的吗?,jquery,jquery-plugins,dynatree,jquery-dynatree,Jquery,Jquery Plugins,Dynatree,Jquery Dynatree,我有一个具有多个父节点和子节点的动态树。我获取json数据并传递到动态树以形成一个树结构 $(document).ready(function() { $("#tree").dynatree({ checkbox: true, classNames: {checkbox: "dynatree-radio"}, hasChildren:true,

我有一个具有多个父节点和子节点的动态树。我获取json数据并传递到动态树以形成一个树结构

$(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%>
            });
    });
可以使用单选按钮选择节点。 当树已完全加载且父节点仅用于可见性时,我希望仅选择子节点。我已尝试使用unselectable属性,但它似乎不适用于我的案例

有没有办法做到这一点

请帮忙,谢谢


为其设置JSFIDLE-

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

演示:

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

不可选择:false,//阻止选择


@Arun我试过你的例子。我的要求是只选择子节点而不是父节点。通过将isFolder设置为false,似乎不能满足我的要求。@jegadees父元素应该设置为true。我已经为它设置了JSFIDLE。请帮忙看看。
$(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"
        }]
    });
});