如果在slickgrid中默認禁用了列,那麼Iv'e一直在四處查看,但沒有找到(這非常明顯的功能?)。默認情況下在SlickGrid中禁用列
例如我有以下電網:
Name Age City Nickname
祝例如,要禁用city
列,只有當用戶進入自定義列選擇器使其可見,並啓用它。
感謝
如果在slickgrid中默認禁用了列,那麼Iv'e一直在四處查看,但沒有找到(這非常明顯的功能?)。默認情況下在SlickGrid中禁用列
例如我有以下電網:
Name Age City Nickname
祝例如,要禁用city
列,只有當用戶進入自定義列選擇器使其可見,並啓用它。
感謝
後SlickGrid的快速RTFM我認爲最簡單的方法是隻操縱它的類與JS/JQ - 你可以在開發者工具看到每列和行具有定義的行和列類:
<div class="ui-widget-content slick-row even" style="top:0px"><div class="slick-cell l0 r0">Task 0</div><div class="slick-cell l1 r1">5 days</div><div class="slick-cell l2 r2">92</div><div class="slick-cell l3 r3">01/01/2009</div><div class="slick-cell l4 r4">01/05/2009</div><div class="slick-cell l5 r5">true</div></div>
<div class="ui-widget-content slick-row odd" style="top:25px"><div class="slick-cell l0 r0">Task 1</div><div class="slick-cell l1 r1">5 days</div><div class="slick-cell l2 r2">35</div><div class="slick-cell l3 r3">01/01/2009</div><div class="slick-cell l4 r4">01/05/2009</div><div class="slick-cell l5 r5">false</div></div>
來源:http://mleibman.github.io/SlickGrid/examples/example1-simple.html
因此,它應該是很容易的:)
我所做的這樣。
var org_columns = [],hid_columns = [];
org_columns.push(
cb_selector.getColumnDefinition(),
{id: "id", name: "ID", field: "id", sortable: true, width: 56},
{id: "name", name: "Name", field: "name", editor: Slick.Editors.Text, sortable: true, width: 234},
{id: "email", name: "Email", field: "email", editor: Slick.Editors.Text, sortable: true, width: 234}
);
hid_columns.push(
cb_selector.getColumnDefinition(),
{id: "name", name: "Name", field: "name", editor: Slick.Editors.Text, sortable: true, width: 234},
{id: "email", name: "Email", field: "email", editor: Slick.Editors.Text, sortable: true, width: 234}
);
var data_view = new Slick.Data.DataView();
grid = new Slick.Grid("#grid", data_view, hid_columns, grid_options);
var columnPicker= new Slick.Controls.ColumnPicker(org_columns, grid,grid_options);
後期答案的種類,但創建列選擇器控制時,你可以通過在另一個數組對象。
var defaultColumns = [
{id: "1", name: "1st Column" field: "Name"},
{id: "2", name: "2st Column" field: "Age"}
],
allColumns = [
{id: "1", name: "1st Column" field: "Name"},
{id: "2", name: "2st Column" field: "Age"}
{id: "3", name: "3st Column" field: "Gender"},
{id: "4", name: "4st Column" field: "Status"}
];
//create grid and pass in defaultColumns
grid = new Slick.Grid("#List", dataView, defaultColumns, options)
//create the column control and pass in the allColumns
columnpicker = new Slick.Controls.ColumnPicker(allColumns, grid, options, "#List");
這將使用默認列初始化網格,並將控件設置爲包含所有可用的列。它看起來不像slickgrid維基包含列選取器控制的正確文檔,我只知道,因爲我不得不深入代碼並添加一個按鈕來重置視圖。
必填項ref link:https://github.com/mleibman/SlickGrid/wiki/Slick.Grid