如何隐藏/显示剑道网格

【问题标题】：How can hide/show a Kendo Grid如何隐藏/显示剑道网格
【发布时间】：2014-11-14 06:33:46
【问题描述】：

所以这是我的网格，我需要在呈现页面时隐藏它并在单击搜索按钮时显示它。有什么想法吗？？

    @Html.WebCore().LinkButton(ButtonType.Zoeken, cssClass: "myZoekenButton") 


    @(Html.Kendo().Grid<AanvragenZoekenViewModel.ZoekResultaat>()
        .Name("Grid")
        .Columns(columns =>
        {
...
            columns.Bound(zoekResultaat => zoekResultaat.Opmerkingomschrijving).ClientTemplate("#= Opmerkingomschrijving#").Hidden(Model.DossierLijst);
        })
...
        .AutoBind(false)
        .DataSource(dataSource => dataSource
            .Ajax()
            .Batch(true)
            .Events(e => e.Error("onErrorhandling"))
            .Model(model =>
            {
            })
            .Read(read => read.Action(MVC.Dashboard.ActionNames.ReadItems, MVC.Dashboard.Name).Data("onReadAdditionalData"))
            .PageSize(500)
        )    
    )

【问题讨论】：

标签： kendo-ui kendo-grid show-hide

【解决方案1】：

剑道网格没有 HIDE/SHOW 属性。您需要在 JQuery 中执行此操作。

在运行时，kendo grid 会将其转换为DIV 标签。

你需要在 jquery 中隐藏/显示 DIV 标签。

（Div id 将是网格的名称）

在页面加载时隐藏网格

$(document).ready(function() {
   $( "#Grid" ).hide();
});

单击按钮时显示网格

$('#button').click(function(){
  $('#Grid').show();
});

【讨论】：