あなたが参照している「テーブル」は、ExtJS用語のグリッドです。
1.後で使用するためにグリッドを取得するには、そのオブジェクトへの参照が必要です。ExtJSには、この参照を取得する方法がたくさんあります。
Javascript変数の使用:最も簡単な方法は、参照を保持するjavascript変数を用意することです。これは通常、グリッドの作成時に行われます。例えば:
var myGrid = Ext.create('Ext.grid.Panel', {
// All the configs...
});
変数を使用myGrid
して、グリッドにアクセスできます。
ComponentManagerの使用:ExtJSコンポーネントが作成されると、コンポーネントマネージャーに登録されます。このレジスタからいつでもExtJSコンポーネントを入手できます。マネージャは、一意のIDを使用して各コンポーネントを追跡します。この方法を使用するには、グリッドコンポーネントの一意のIDを定義し、後で有名なExt.getCmp()
方法を使用する必要があります。次に例を示します。
var myGrid = Ext.create('Ext.grid.Panel', {
id: 'myGrid', // Unique id for the grid
// All other configs...
});
この方法の使用はベストプラクティスではありません。
itemIdとコンポーネントクエリの使用:上記の2つよりも優れた方法。itemId
configとComponentQueryを使用できます。ComponentQueryクラスは、DOMクエリに類似したSenchaコンポーネントのセレクターベースの検索を提供します。例:
var myGrid = Ext.create('Ext.grid.Panel', {
itemId: 'myGrid',
// All other configs...
});
また、参照を取得するにはquery()
、コンテナーからメソッドを呼び出すか、Ext.ComponentManager(これはグローバルです)を使用します。
MVCコントローラーでのアクセス:MVCを使用してアプリケーションを開発している場合は、この方法を利用できます。コントローラには、次の参照配列がありますrefs
。(内部的には、メソッドはComponentQueryとセレクターを使用してコンポーネントにアクセスします)。これがどのように機能するかについては、MVCガイドと例を参照してください。
2.上記の手法でグリッドを取得したら、次のメソッドを呼び出すだけでストアを取得できます
getStore()
。これにより、ストアオブジェクト(
Ext.data.Store
)が返されます。例:
myStore = myGrid.getStore();
3.Ext.data.Storeのドキュメント
を参照してください。、など
add()
のメソッドを使用してグリッドのストアを操作できます。
load()
remove()