web-dev-qa-db-ja.com

チェックボックス付きのExtjsグリッドパネル

here のようなチェックボックスを使用してExtJsグリッドパネルを作成する方法。

26
edtsech

Ext 3.4では、Ext.grid.CheckColumnフレームワークのダウンロードに含まれているEditorGridサンプルに示されているプラ​​グイン。

Ext 4+には、CheckColumnタイプが組み込まれています(xtype: 'checkcolumn')。詳細は APIドキュメント にあります。 1つの例 には、Extの現在のバージョンに編集可能なチェックボックス列が含まれています(バージョンごとにURLを維持することは基本的に不可能です)。

バージョン4以降のチェックボックス列の列構成の例を次に示します。

  xtype: 'checkcolumn',
  header: 'Active?',
  dataIndex: 'active', // model property to bind to
  width: 60,
  editor: {
    xtype: 'checkbox',
    cls: 'x-grid-checkheader-editor'
  }
49
Brian Moeskau

これを使ってみてはいかがですか?

var checkBoxSelMod = new Ext.grid.CheckboxSelectionModel();

:-D

列リスト内の目的の位置に選択モデルオブジェクトを配置することにより、チェックボックスの位置を切り替えることができます。これにより、グリッドに複数のチェックボックスを配置できます。

3
Varun Achar

以前の回答は、最新のExtJsバージョンではもう機能しないようです。作業例へのリンクはこちら: example ExtJs 4.1

3
Allie