javascript - SlickGrid 列选择器 : Setting the default columns to display from a larger list

Question

我目前正在使用 SlickGrid 并允许用户使用 ColumnPicker 选择要显示的列。

按照 http://mleibman.github.com/SlickGrid/examples/example4-model.html 的例子我已经能够让它很好地工作。

我不确定的下一步是是否可以选择默认的列列表以在首次渲染时显示。

例如，假设我有一个包含 5 列的数组，声明如下:

{
                    name: "Name"
                    field: "Name"
                    id: "Name" 
                    sortable: true
                    minWidth: 120
                    editor: Slick.Editors.Text
                }, 
                {
                    name: "Address"
                    field: "Address" 
                    id: "Address"
                    sortable: true
                    minWidth: 175
                    editor: Slick.Editors.Text
                },
                {
                    name: "Town"
                    field: "Town"
                    id: "Town"
                    sortable: true
                    minWidth: 80
                    editor: Slick.Editors.Text
                }, 
                {
                    name: "Country"
                    field: "Country"
                    id: "Country"
                    sortable: true
                    minWidth: 80
                    editor: Slick.Editors.Text
                }, 
                {
                    name: "Network"
                    field: "Network"
                    id: "Network"
                    sortable: true
                    minWidth: 80
                    editor: Slick.Editors.Text
                }

此时所有这些列都将显示，并且可以选择隐藏在 ColumnPicker 中。我正在寻找的功能是，例如，假设我只希望显示名称、地址和网络列，但仍将其他列保留为 ColumnPicker 中的选项。

这是否到位或是否有实现此目标的可用方法？

Answer 1

对于可能遇到此问题的任何人，我找到了一个可行但可能不是最好的解决方案。

它本质上是使用 2 个单独的数组，一个包含要呈现的默认列，另一个包含您可以选择的所有列的名称，包括默认列数组。

渲染时，我用默认列的数组实例化我的网格:

@Grid = new Slick.Grid(@ElementId, @Data, @DefaultColumns, @GridOptions)

然后在设置列选择器时，使用所有列的数组:

columnpicker = new Slick.Controls.ColumnPicker(@Columns, @Grid, @GridOptions)