如何隐藏/显示Kendo Grid

Question

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

@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) 
     )  
    ) 

Answer 1

剑道网格没有隐藏/显示属性。你需要在JQuery中做到这一点。

运行时，kendo网格将转换为DIV标记。

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

（事业部ID将网格的名称），在页面加载

隐藏网格

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

显示网格上的按钮点击

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