0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

slickgrid を使って、一覧と詳細を作る

Posted at

画面のレイアに以下のように実装する
①gridのコラムの属性を定義する
・コラムの配列を定義する
・各列の属性を上記の配列に入れる
②gridの動作を定義する
・gridの全体の動作を定義する
③パラメータのデータをgridの各列の変数に設置する
④上記で準備した結果をgridの共通関数を使って、設置する


共通部品の実装方法
gridの生成
①グリッドコンテナ表示
②メニュー情報設定と生成
③イベント生成
④データを設置する


slick grid libraryのメソッド
new Slick.Data.DataView();
view.setItem();
new Slick.Grid();
columns.slice();
new Slick.Controls.GridMenu();
grid.onSort.subscribe();
dataView.onRowsChanged.subscribe();
grid.resizeCanvas();
grid.onCellChange.subscribe();
setGridEvent();
new Slick.Controls.ColumnPicker();


slickgrid libraryの以下のファイルを使う
slick.core.js
slick.dataview.js
slick.grid.js


データを取得
ajaxの方法を使って、もらったデータをパラメータとして、
画面レイアのメソッドを使って、データを渡した。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?