前幾天做了一個功能實現(xiàn)，在一個tabpanel上的多個tab標簽存放同一個數(shù)據(jù)源里的的不同的數(shù)據(jù)，其中tab標簽的title為自動生成的。其中存放數(shù)據(jù)里的容器為GridPanel，因為是同一個GridPanel，所以store是唯一一個，如里每個tab頁都存放一個GridPanel的話，就需要同等量的store，這里會很麻煩。頁面效果如下圖：

其中，每個tab頁里存放的不同的數(shù)據(jù)，加載數(shù)據(jù)的方式也為異步加載，點擊事件觸發(fā)時，加載數(shù)據(jù)。

上面四個tab標簽的title為數(shù)據(jù)里面的字段（四個不同階段：JDMC），在加載數(shù)據(jù)源前，先有自動通過后臺方法獲得四個階段的名稱，方便tab點擊事件觸發(fā)事，根據(jù)不同的階段（JDMC）為參數(shù)獲得數(shù)據(jù)。

前臺引用EXTJS的代碼就省略，直接上引用JS代碼：

這里面要注意的是：

1.第一個默認的tab加載的是GRIDPANEL的初始的STORE，沒有參數(shù)，所以在后臺需要做一下處理，默認沒有參加時，獲得第一個階段的數(shù)據(jù)。

2.TAB的點擊事件，

首先要清空之前的加載的GRIDPANEL的數(shù)據(jù)：grid_info.getStore().removeAll();

然后再通過不同的參數(shù)重新為GRIDPANEL加載數(shù)據(jù)：grid_info.getStore().load({params:{JDMC: com_jdmc1}});

然后再把獲得新的數(shù)據(jù)的GRIDPANEL加載到TAB上：args.add(grid_info);args.doLayout();

尤其注意不要忘了： args.doLayout();

剛開始處理的時候，一直處理，tab的點擊事件只有第一次可以加載上，第二的話就會空的情況，原來是沒有執(zhí)行tab的doLayout()方法。

后臺的方法就不再贅述，就是通過方法獲得JSON數(shù)據(jù)源。

TabPanel多標簽tab頁加載同一個GridPanel顯示不同的數(shù)據(jù)