Question

我想创建kendo dropdowntree，当我加载页面时，所有复选框都被选中。这是我的代码。

    @(Html.Kendo().DropDownTree()
                          .AutoWidth(true)
                          .Name("dropdowntree")
                          .DataTextField("Name")
                          .DataValueField("Id")
                          .CheckAll(true)
                          .HtmlAttributes(new { style = "width: 100%" })
                          .Events(events => events.Change("onChange"))
                          .Filter(FilterType.Contains)
                          .AutoClose(false)
                          .Checkboxes(checkboxes => checkboxes
                              .Name("checkedFiles")
                              .CheckChildren(true)
                          )
                          .DataSource(dataSource => dataSource
                            .Read(read => read
                            .Action("GetName", "CheckBox")
                        )
                        )
    )

我已经进行了一些研究并尝试了解决方案，但如果可行，则无济于事。例如，我尝试过：

$(document).ready(function () {
   $("#dropdowntree input.k-checkbox").prop("checked", true);
})

这也行不通：

$(document).ready(function () {
    $("#dropdowntree").attr('checked', 'checked');
})

这是工作，但我需要设置值。我需要的是默认情况下全部选中，不需要设置值。

 $(document).ready(function () {
 var dropdowntree = $("#dropdowntree").data("kendoDropDownTree");
 dropdowntree.value(["1","2","3","4","5","6","7"]); 
 })

除所有这些以外，我还尝试了此链接jquery set all checkbox checked中的解决方案和其他解决方案。但仍然无法正常工作。我真的需要一些建议。谢谢。

Answer 1

如果有人需要我已经找到答案了。

首先在控制器中，我获取了ID的所有列表，然后将列表更改为json中的字符串。

控制器代码：

    public IActionResult CheckBoxDB()
    {
        List<string> parts = new List<string>();
        GetId(parts);
        ViewBag.All = parts;
        var json = JsonConvert.SerializeObject(parts);
        ViewBag.change = json;
        return View();
    }

    private void GetId(List<string> parts)
    {
        List<DdlcheckBox> ddlcheckBoxes = new List<DdlcheckBox>();
        ddlcheckBoxes = _context.DdlcheckBox.ToList();
        foreach (var data in ddlcheckBoxes)
        {
            string id = data.Id.ToString();
            parts.Add(id);
        }
    }

然后，在“视图”中，我在脚本中获得了ViewBag值。

 <script>
$(document).ready(function () {
    var dropdowntree = $("#dropdowntree").data("kendoDropDownTree");
    dropdowntree.value('@ViewBag.change');
});
 </script>

谢谢。

加载页面时，将Kendo Dropdowntree中的所有复选框设置为选中状态

1 个答案: