我的案例是一个包含大约20个属性的搜索窗口,用户可以在其中选择指定搜索条件.每个属性都有一个相应的复选框,如果道具包含在搜索结果中,则会切换.然后搜索结果显示在kendo网格中.
应该说明问题的简化代码(kendo ui complete ver.2012.2.710):
<input type="checkbox" onclick="fnShowHide(1);" name="showSearchColumn" id="checkShowField1" />
<div id="example" class="k-content">
<div id="kendoGridTest"></div>
</div>
<script>
function fnShowHide( iCol )
{
$('#kendoGridTest').data("kendoGrid").options.columns[iCol].hidden = false;
$('#kendoGridTest').data("kendoGrid").refresh();
}
</script>
Run Code Online (Sandbox Code Playgroud)
MVC3控制器方法从搜索返回的数据类型为JsonResult(jsonResultSearchResult如下所示):
$('#kendoGridTest').kendoGrid({
dataSource: jsonResultSearchResult,
schema: {
model: {
fields: {
FirstName: { type: "string" },
LastName: { type: "string" },
Address: { type: "string" }
}
}
},
sortable: true,
resizable: true,
columns: [{
field: "FirstName",
width: 90,
title: "First name"
},
{
field: "LastName",
width: 120,
hidden: true, …Run Code Online (Sandbox Code Playgroud)