6

私は extjs を使用してまだ 1 か月しか経っていませんが、まだ実験中です。私の質問は: グリッド パネルがあり、その中に「ツール」構成オプションがあります。これを使用して Ext.grid.feature.Grouping 変数を有効/無効にしています。2 つのハンドラー関数には、ヘッダーの右側に表示される 2 つの「クロス」ボタンをクリックして、2 つのビューを無効/有効にするロジックがあります。ロジックは問題ありません。ただし、「十字」ボタンの代わりに一連のカスタム イメージを表示したいと考えています。これはできますか？はいの場合、どのように？そのために css コードを変更する必要がありますか?

私はドキュメントを調べ、適切な検索も行いましたが、私の質問に答えるものは何もないようです。

4

1 に答える 1

9

ツールでカスタム構成typeを指定します。

Ext.create('Ext.grid.Panel', {
   ...
   tools: [
      {
         type: 'enable-grouping',
         handler: function() {
            ...
         }
      },
      {
         type: 'disable-grouping',
         handler: function() {
            ...
         } 
      }
   ]
});

次に、スタイルシートで次のクラスを定義して、新しいツールのスタイルを設定します。

.x-tool-enable-grouping {
   background-image: url('path/to/tool/image/enable-grouping.png');
}

.x-tool-disable-grouping {
   background-image: url('path/to/tool/image/disable-grouping.png');
}

ツール画像のサイズは 15 x 15 ピクセルにする必要があります

于 2012-07-10T23:48:32.533 に答える