jsTree 3 - 如何在不选择项目的情况下预先检查项目

Question

我正在使用 jsTree 3 并尝试根据标准预先检查一些行。

这是我配置树的方式：-

    $(function () {
        $("#ProductInterests").jstree
            ({
                "core" : { "themes" : { "icons" : false }},
                "plugins": ["themes", "html_data", "checkbox"]
            });

    });

然后我在网上的其他地方找到了三个建议的解决方案（if 的前半部分应该导致检查节点，第二部分应该导致未检查节点）：-

<ul>
    @foreach (var productGroup in ViewBag.ProductGroups)
    {
        <li class="jstree-open">@productGroup.Name
            <ul>
                @foreach (var product in productGroup.Products)
                {
                    if (Model.LeadProductInterests.Any(lpi => lpi.ProductID == product.ID))
                    { 
                        <li data-jstree='{"selected":true}'>@product.Name</li>
                        <li data-jstree='{"state":{"checked":true}}'>@product.Name</li>
                        <li class="jstree-checked">@product.Name</li>
                }
                    else
                    { 
                        <li data-jstree='{"selected":false}'>@product.Name</li> 
                        <li data-jstree='{"state":{"checked":false}}'>@product.Name</li>
                        <li>@product.Name</li>
                    }
                }
            </ul>
        </li>
    }
</ul>

在这三种方法中，第一种方法会导致节点同时被选中和检查。第二个和第三个导致既没有选择也没有检查的节点。我想得到一个已选中但未选中的节点。

Answer 1

从 repo 获取最新代码 - 这是一个已知错误，现已修复。还要记住，为了有单独的选中和选定集合，您需要将checkbox.tie_selection 设置为false（如下面的小提琴所示）。

一旦你得到最新的副本（不是 3.1.1，而是实际的 repo 代码：https://github.com/vakata/jstree/archive/master.zip），你可以使用这个：

<li data-jstree='{"checked":true}'>@product.Name</li>

这里是演示：http://jsfiddle.net/DGAF4/516/