MVC Grid 的 Kendo UI 如何隐藏 ID 列

Posted 2023-05-07

【中文标题】MVC Grid 的 Kendo UI 如何隐藏 ID 列

【英文标题】：Kendo UI for MVC Grid How do I hide the ID column

【发布时间】：2012-06-27 23:40:52

【问题描述】：

我想隐藏 Kendo 网格的 ID 列，但仍然可以在其他操作中引用它。我尝试使 Width = 0 但这只会使它变得非常宽。

@(html.Kendo().Grid(Model)
        .Name("LineItems")
        .Columns(columns =>
            
                columns.Bound(o => o.ID).Width(1);
                columns.Bound(o => o.Ui).Width(20);
                columns.Bound(o => o.QtyOrdered).Width(20);
                columns.Bound(o => o.Nomenclature).Width(200);
                columns.Bound(o => o.QtyShipped).Width(140);
                columns.Bound(o => o.QtyReceived).Width(200);
                columns.Bound(o => o.Hazmat).Width(50);

            )

6 月 26 日编辑

好的，我能够根据剑道论坛的帖子获得合理的解决方案。只要在数据源中定义了 ID，就不必在网格中定义列。您仍然可以访问 ID 值。我写了一个快速的 sn-p 来证明它，它在网格中返回没有 ID 列的 ID。

<script>
  $(document).ready(function () 
      $("#btn").on("click", function () 

          var grid = $("#LineItems").data("kendoGrid");
          var data = grid.dataSource.data();
          $.each(data, function (i, item) 
              alert(item.ID);
           );
      );
  );
</script>

【问题讨论】：

你在论坛kendoui.com/forums/ui/grid/hide-columns-in-grid-kendo.aspx看这篇帖子了吗

您可以引用 ID 列而不将其设为列。只要在数据源模型中定义了 ID 列，就不需要在列设置中定义。

@Daniel，你是对的，我不知何故错过了你的评论，直到我用相同的解决方案编辑了我的帖子。谢谢。

【参考方案1】：

自 2012 年第二季度发布以来支持隐藏列。您现在可以使用Hidden() 设置。

【参考方案2】：

您可以通过 Hidden() 方法使列隐藏。你觉得这样好吗？

【讨论】：

.Hidden() 不是 Kendo Grid 的选项。

【参考方案3】：

看起来在当前版本中它不受支持，他们确实有一个页面，您可以在其中投票以将此功能添加到 Kendo。他们可能已经开始处理它，因为状态确实在大约 13 小时前显示“开始”。

http://kendo.uservoice.com/forums/127393-kendo-ui-feedback/suggestions/2804580-ability-to-show-hide-columns-in-grid

与此同时，通过将该列的样式设置为display:none，一些用户可能会对这篇文章有一些建议 http://www.kendoui.com/forums/ui/grid/hide-columns-in-grid-kendo.aspx