kendo-ui - 如何知道哪些列在 Kendo Grid MVC 中可见

Question

我有一个带有“x”列的 Kendo Grid，但用户可以隐藏这些列，我需要知道哪些列是可见的，以便仅为这些列导出数据，我可以访问 JS 中的列

var columns = $("#grid").data("kedoGrid");

但它返回所有列，而不仅仅是可见项。坦克

Answer 1

您可以使用以下命令获取列列表:

var columns = $("#grid").data("kendoGrid").columns;

结果将是所有列对象的数组，其属性名称hidden: true 表示用户隐藏的列。就我而言，就像下面这样。因此，您只需使用以下代码即可将可见列列表放入数组中。

var visibleColumns = [];
jQuery.each(columns, function (index) {
  if(!this.hidden) {
    visibleColumns.push(this);
  }
});

隐藏列

attributes: Object
encoded: true
field: "pb"
footerAttributes: Object
headerAttributes: Object
hidden: true
title: "Price / Book"
width: 120
__proto__: Object

可见列

encoded: true
field: "name"
title: "Company Name"
width: 120
__proto__: Object

希望这会有所帮助。