Как скрыть/показать сетку Kendo

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

Kendo сетка не имеет HIDE/SHOW. Вам нужно сделать это в JQuery.

Время работы, сетка кендо преобразуется в DIV тег.

вам нужно скрыть/показать тег DIV в jquery.

(Div идентификатор будет название сетки)

Скрыть сетку на странице Load

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

Показать сетку на кнопку мыши

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