hide - 如何根据剑道组合框的值隐藏剑道网格中的列

Question

我的应用程序中有一个剑道网格

    @(Html.Kendo().Grid<AanvragenZoekenViewModel.ZoekResultaat>()
    .Name("Grid")
    .Columns(columns =>
    {
...
        columns.Bound(zoekResultaat => zoekResultaat.OpmerkingCode).ClientTemplate("#= OpmerkingCode#").Hidden(Model.DossierLijst);
        columns.Bound(zoekResultaat => zoekResultaat.OpmerkingOmschrijving).ClientTemplate("#= OpmerkingOmschrijving#").Hidden(Model.DossierLijst);
    })
   ...
    )
)

和一个剑道组合框

@(Html.Kendo().ComboBoxFor(t => t.ZoekCriteria.Lijst)
                .Name("Lijst")
                .DataTextField("Omschrijving")
                .DataValueField("Id")
                .Placeholder("Maak een selectie")
                .Filter(FilterType.Contains)
                .HtmlAttributes(new { @class = "comboStyle" })
                .DataSource(source =>
                {
                    source.Read(read =>
                    {
                        read.Action(MVC.Dashboard.ActionNames.LoadLijstIntoComboBox, MVC.Dashboard.Name);
                    })
                    .ServerFiltering(true);
                })
                .AutoBind(false)
                .Value(Model.LijstDefault)
            )

是否可以使用 Hidden() 根据 ComboBox 的选定值隐藏一列？

columns.Bound(zoekResultaat => zoekResultaat.OpmerkingOmschrijving).ClientTemplate("#= OpmerkingOmschrijving#").Hidden(**SelectedValueFromComboBox**);

Answer 1

columns.Bound(zoekResultaat => zoekResultaat.OpmerkingOmschrijving).ClientTemplate("#= OpmerkingOmschrijving#").Hidden(**SelectedValueFromComboBox**);

这是一个服务器端操作，不能依赖前端操作（选择组合框值）。

您可以使用 javascript 来控制列的可见性。

参考：http: //jsfiddle.net/OnaBai/XNcmt/