SlickGridのOptionで「enableColumnReorder」について
Q&A
解決したいこと
SlickGridのOptionで「enableColumnReorder」について教えてください。
Pythonとdjangoでwebアプリを作成しています。
その際にGridを使用したいと思い[SlickGrid]を使ってみています。
問題になっているのはJavascriptの問題なのだと思うのですが教えてください。
トラブル内容
SlickGridのOptionで「enableColumnReorder」をtrueに設定し、
カラムの位置の移動を行おうと思ったのですが、
falseにしないとGridに表示されない状態です。
例）
Javascript内に
var grid;
var columns = [
{id: "id", name: "ID", field: "id", width: "20"},
{id: "code", name: "コード", field: "code", editor: Slick.Editors.Text},
{id: "name", name: "名称", field: "name", editor: Slick.Editors.Text},
{id: "bscode", name: "所属CD", field: "syozoku", editor: Slick.Editors.Text},
{id: "bsname", name: "所属課名", field: "syozokunm"}
];
var options = {
editable: true,
forceFitColumns: true,
enableAddRow: false,
enableColumnReorder: false,
enableCellNavigation: true,
multiColumnSort: false
};
var dataView
var data
$(function () {
dataView = new Slick.Data.DataView();
data = JSON.parse('{{ data|safe }}');
dataView.setItems(data);
grid = new Slick.Grid("#myGrid", dataView, columns, options);
})
dataview内には思ったとおりのデータが来ているのは確認しています。
試しに
以下のボタンクリック処理を埋めて
enableColumnReorderの初期値を[false]でGridに表示し、
ボタンを押下して途中でenableColumnReorderを[true]に変更すると
Grid内の表示が消えてしまいます。
(dataview内はデータがちゃんと残っています。)
function Btn_Click() {
var options = grid.getOptions();
options["enableColumnReorder"] = true;
grid.setOptions(options);
}
お手数ではありますがご教授いただきたく思います。
0 likes