反转复选框值，以便在模型中选中为 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;
    })