【问题标题】:Kendo Treeview checkbox change eventKendo Treeview 复选框更改事件
【发布时间】:2015-03-13 09:57:19
【问题描述】:

我的树视图是这样的

 @(Html.Kendo().TreeView()
.Name("AccessControlTree")
.DataTextField("Name")
.Deferred()
.HtmlAttributes(new { style = "width: 500px" })
.Checkboxes(c => c
.CheckChildren(false)
 )
 .DataSource(dataSource => dataSource.Read(read => read.Action(@Model.ActionMethod, @Model.ControllerName, new { area = @Model.AreaName }).Data("sethierarchyoption"))
              .ServerFiltering(false))
               .LoadOnDemand(true)
               .Events(events =>
                              {
                                  events.DataBound("onTreeViewBound").Select("onSelect");
                              })

                    )

我需要自定义行为如下:1)如果我们选择父节点,那么孩子也被选中。2)如果没有选择父节点,用户应该能够选择单个孩子而不改变选中状态的父母。 我可以通过制作'.CheckChildren(true)'来完成第一个,但是第二个失败了。我想如果我在java-script中捕捉到检查的更改事件,那么我可以解决这个问题。有什么想法吗?

【问题讨论】:

    标签: kendo-ui kendo-treeview


    【解决方案1】:

    问题通过这个解决了。function onTreeViewBound(e) { $("input:checkbox[name=checkedNodes]").on('click', function () { var checkedStatus = $(this).is(':checked'); $(this).closest(".k-item").find(".k-group .k-item input:checkbox[name=checkedNodes]").each(function () { $(this).attr('checked', checkedStatus); $(this).prop('checked', checkedStatus); }); }); }

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-06-18
      • 2011-08-30
      • 2012-06-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-12-19
      相关资源
      最近更新 更多