は動的動的にグリッドビューを作成することが可能である場合、私は思っていたEXTJS

Question

グリッドを作成します。私は、異なる領域を持つデータベーステーブルを持っている私は現在、私はこの問題を回避グリッドを作成していると、あなたはこのグリッドに新しいエントリを追加することができます...説明する

を最善を尽くし順番にに追加されますテーブル..

は、私はまた、名前、電話番号が含まれている連絡先の人々のためのデータベーステーブルを持っているし、ドロップダウンなどすべての領域を使用しています。このテーブルにグリッドを介して新しいエントリを追加することもできます。

は最後に、私は彼らの地域に分ける、すべての連絡先の人々を示して第3グリッドを持っています。私が抱えている問題は、どのように動的にするのかです。現在、私はリージョンのタイトルをハードコードし、適切にフィルタリングするグリッドを設定しますが、誰かが新しいリージョンを完全に追加するとどうなりますか？新しく追加された領域の適切なフィルタを使用してタイトルとグリッドを作成するにはどうすればよいですか？

第3グリッドコード：最初の場合

Ext.define('myproject.example', { 
    extend: 'Ext.form.Panel', 
    alias: 'widget.********', 

    requires: [ 
     'store.exampleStore' 
    ], 
    modal: true, 
    draggable: true, 
    header: { 
     title: 'Technical Advisors Contact Information', 
     height: 55, 
     items: [{ 
      xtype: 'button', 
      text: 'X', 
      listeners: { click: 'onModalX' } 
     }] 
    }, 
    scrollable: true, 
    align: 'center', 
    floating: true, 
    width: 1500, 
    height: 800, 

    items: [{ 
     xtype: 'grid', 
     title: 'Region: ME', 
     scrollable: true, 
     collapsible: true, 
     store: { type: 'exampleStore', filters: [{ property: 'Region', value: 'ME' }, { property: 'Active', value: 'true' }] }, 
     columns: [{ 
      text: 'Contact', 
      dataIndex: 'ContactName', 
      sortable: true, 
      flex: 2 
     }, { 
      text: 'Office #', 
      dataIndex: 'Office', 
      sortable: true, 
      flex: 1 
     }, { 
      text: 'Home #', 
      dataIndex: 'Home', 
      sortable: true, 
      flex: 1 
     }, { 
      text: 'Pager #', 
      dataIndex: 'Pager', 
      sortable: true, 
      flex: 1 
     }, { 
      text: 'Cellular #', 
      dataIndex: 'Cellular', 
      sortable: true, 
      flex: 1 
     }, { 
      text: 'Area', 
      dataIndex: 'Region', 
      sortable: true, 
      flex: 3 
     }] //continues... 

Answer 1

、あなたは（ブラウザで）、クライアント側にデータを取得する必要があります。これは、ajaxリクエスト（jsonp、ext.direct、restなど）を介して行うことができます。あなたはこれを手動で行うことができます

grid.store.loadData(result.data); 

、またはExtJSの中のプロキシについて読む：

次に、あなたのストアにデータをロードすることができます。最も簡単な方法はrest-proxyです。