javascript - 反转复选框值，以便在模型中检查为 false

Question

我有一个 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));
    });
)

Answer 1

您可以根据传递的项目设置“Checked”属性，如下所示:

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