슬릭 그리드에서 기본적으로 열을 비활성화하는 방법을 찾고 있지만 찾지 못했습니다. city
열을 해제하고 사용자가 정의 열 선택기에가는 경우에만 볼 수 있도록,SlickGrid에서 기본적으로 열을 비활성화합니다.
Name Age City Nickname
내가 예를 들어 소원, 그것을 할 수 있습니다 :
예를 들어 나는 다음과 같은 격자를 가지고있다.감사
슬릭 그리드에서 기본적으로 열을 비활성화하는 방법을 찾고 있지만 찾지 못했습니다. city
열을 해제하고 사용자가 정의 열 선택기에가는 경우에만 볼 수 있도록,SlickGrid에서 기본적으로 열을 비활성화합니다.
Name Age City Nickname
내가 예를 들어 소원, 그것을 할 수 있습니다 :
예를 들어 나는 다음과 같은 격자를 가지고있다.감사
후 나는 간단한 방법은 그냥 JS/JQ와 클래스의 조작하는 생각 SlickGrid의 빠른 RTFM - 당신이 개발자 도구에서 모든 열을 볼 수 있고 행은 행과 열을 정의하는 클래스가로 :
를 에서<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 위키에 열 선택기 컨트롤에 대한 적절한 문서가 들어있는 것처럼 보이지 않습니다. 코드를 파고 뷰를 재설정하는 버튼을 추가해야만 알 수 있습니다.
필수 참조 링크 : https://github.com/mleibman/SlickGrid/wiki/Slick.Grid