小编Caa*_*ad9的帖子

Kendo UI Grid - 在MVC3中隐藏/取消隐藏列

我的案例是一个包含大约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)

telerik kendo-ui

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

kendo-ui ×1

telerik ×1