全6回構成の「Ext JS Data Gridカスタマイズ」ブログシリーズの最初の記事では、GridやColumnのプロパティをカスタマイズしてデータグリッドを外観や機能を変更する方法を説明しました。この記事ではデータ表示用のメソッドグリッドを用いてデータグリッドをすばやくカスタマイズする方法を説明します。 ここで使用するグリッドの例ではNBA 2020プレイヤーのレーティングを表示します。 このブログでは、「グループ化のメソッド」を使用したグリッドのカスタマイズについて説明します グループ化されたグリッド グループ化されたグリッドは、フィールドのデータによるグループ化を実現し、行/列データの見やすい表示を提供します。 この機能を有効にするコードは次のとおりです。 1.グリッド構成で grouping の features をアクティブにします。 features: [{ ftype: 'grouping' }], 2.ストアのコンフィグで groupField を定義します。 store: { model: 'Player', //グループ化するフィールドを指定する groupField: 'team', data: [/* ... */] }, 3.グリッドをカスタマイズします(ヘッダのカスタマイズやサマリ行の追加を行います) features: [{ ftype:…
Subscribe to our newsletter
Be the first to learn about new Sencha resources and tips.