反转复选框值,以便在模型中选中false

时间:2015-10-15 10:59:53

标签: javascript checkbox kendo-ui kendo-treeview

我有一个Kendo TreeView,我需要反转复选框的视觉呈现。因此,值false将导致选中复选框。

原因是树状列表列出了一堆应该被排除的项目。因此,当他们检查某些东西时,它被排除在外。这不是非常直观。

更改保存此排除列表背后的逻辑实际上是我想避免的。相反,我只是改变数据的视觉呈现。因此checked=false会导致选中复选框,反之亦然。

这是我与

合作的内容
@(Html.Kendo().TreeView()
    .Name("Tree")
    .Checkboxes(c => c.Name("Checked"))
    .BindTo((IEnumerable<TreeViewModel>)ViewBag.Tree, mappings =>
    {
        mappings.For<TreeViewModel>(binding => binding.ItemDataBound((item, vm) =>
        {
            item.Id = vm.Id.ToString();
            item.Text = vm.Name;
        })
        .Children(vm => vm.Children));
    });
)

1 个答案:

答案 0 :(得分:1)

您可以设置&#34;已选中&#34;基于传递项目的属性如下:

  mappings.For<TreeViewModel>(binding => binding.ItemDataBound((item, vm) =>
    {
        item.Id = vm.Id.ToString();
        item.Text = vm.Name;
        item.Checked = vm.Checked ? false : true;
    })