ExtJSExtJS6.5でmodernのグリッドにいくつか変更箇所があります。今回は選択と編集を試してみました。選択Ext.grid.Gridのselectableコンフィグを使って、どういう選択を可能にするかを設定できるようになりました。}}]プラグインで指定していた以前より、可読性が良くなりました。ドキュメントを見る限り8つの項目を指定できるようです。configureグリッドの場合は、Ext.grid.selection.Model(http://docs.sencha.com/extjs/6.5.0/modern/Ext.grid.selection.Model.html)というセレクションモデルのクラスを使っているようで、このクラスのコンフィグとして渡してくれるみたいです。編集Ext.grid.plugin.CellEditingプラグインクラスを使って、セル単位で編集できるようになりました。classicでは当たり前にできていましたが、modernでは新規です。これまでの編集は、行を選択すると、編集フォームが画面外からスライドイン表示され、そこで編集作業を行うという流れでした。PCで扱う場合は直接編集できたほうが操作感が良いため、PC向けに作成されたようです。このことから、最終的にはPC・モバイルともにmodernにまとめたいという意思を感じます。PC向けの場合は新しく追加されたプラグインを、モバイル向けの場合はこれまでのUIを使いたい場合は、platformConfigで設定するコンフィグを切り替えできるようです。...]}]試してみると、PCのユーザエージェントだと↓のようにセル単位でのインライン編集となりタブレットのユーザエージェントだと↓のように編集フォームでの編集操作となりました。インライン編集は、編集中にグリッドをスクロールしても編集の行はその位置に固定された状態になるようです。(1)Tweet広告を非表示にする関連記事2017-08-19ツリーパネル[modern]今回はmodernのツリーパネルです。(2)今回はツリーグリッドを取り上げます。今回はレスポンシブ対応を試してみます。(2)今回もExtJS6.5のmodernグリッド改善点です。グリッドの各所に...2017-02-19グリッドの機能:編集[modern]今回はmodernのグリッド編集を試しました。(2)ツリーパネル[modern]任意のコンフィグを双方向バインディングに対応するスポットライト[classic]Googleマップアイコンフォントアイコンフォントのパッケージ作成suspendLayouts・resumeLayoutsES6で書いてみるExt.Deferredで非同期処理をまとめるビューモデルのデータにモデルを設定して使用するプラグインの作り方ミックスインの作り方ボタンのUIにバインディングできるように工夫するはてなブログをはじめよう!sham-memoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。