全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:…

Ext JS Data Gridは、高速で強力かつ柔軟に利用できます。Ext JSを使用すると、ユーザーは自分のアプリケーションに合わせてグリッドの外観をすばやくカスタマイズできます。全6回構成のブログシリーズでExt JS Data Gridをカスタマイズするさまざまな方法をカバーします。 (more…)

Last week, we conducted an in-depth demonstration on Sencha Architect, a visual app builder for Ext JS applications. The webinar was very well attended and we received many interesting questions during the course. This post provides answers to those questions.…

In the first blog of this 6-part “Ext JS Grid Customization” blog series, we saw a few different ways to use built-in grid and column properties to customize a data grid. This blog demonstrates the use of built-in data display…

Ext JS Data Grid is lightweight, powerful, and adaptable. Users can quickly customize the look and feel of the grid with Ext JS to suit their application. In a 6-part blog series, I'll go over various methods for quickly customizing…

We often hear that a key challenge in the Ext JS ecosystem is finding new developers. When organizations look to staff open roles or new projects, it is logical to request experienced developers. The same is true for Ext JS…

Many customers who use Ext JS Frameworks to build data-centric, desktop-based applications would like to supplement them with a mobile or tablet app. Creating a mobile app used to entail switching to a completely new development environment (like Swift or…

It’s been over a year since we announced the Sencha Ext JS Community Edition which provides the most comprehensive modern JavaScript framework a developer needs to build data-intensive, cross-platform web applications. It is a free, limited commercial use license, with…

Typography connotes emotion and it’s as important as the visual elements in your application. There may be times you want to enhance your app with other font libraries. Here’s a quick and simple way to add a Material Font Icon…