ExtjsでColumnModelプロパティを設定する方法

2年 ago
陽, 向宇
1 minute

Ext JSでは、ColumnModelはGrid Panel内の列のプロパティを定義するために使用されます。

カラムモデルの設定プロパティは以下の通りです。

  1. 列見出し
  2. 列に対応するデータのフィールド
  3. 幅：列の幅
  4. 列がソート可能か
  5. 列のレンダリング機能で、列の表示内容をカスタマイズします。
  6. 非表示: 列を非表示にするかどうか。
  7. エディタ：セル内値を編集するためのエディター
  8. 並べ方の揃え方
  9. メニューが無効かどうか。
  10. ヒント列のヒント

以下に例を挙げます。

var columnModel = new Ext.grid.ColumnModel({
columns: [
{header: '姓名', dataIndex: 'name', width: 100},
{header: '年龄', dataIndex: 'age', width: 50},
{header: '性别', dataIndex: 'gender', width: 50},
{header: '地址', dataIndex: 'address', width: 200}
]
});

この例では、姓名、年齢、性別、住所という4つのカラムを含む ColumnModel を定義していて、それぞれに対応する設定プロパティがあります。

bannerAds