如何隱藏/顯示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(); 
});