我對ExtJS相當陌生。我採用了一些示例,並添加了通過單擊某個鏈接將選項卡添加到選項卡控件的功能。到現在爲止還挺好。現在我想將一個ExtJS表加載到新選項卡上。項目(行,列)在服務器端的數據庫中定義。你能給我一些提示如何在創建標籤時自動添加表格嗎?在動態添加的選項卡中添加表格
1
A
回答
2
自動加載適合從服務器端代碼拉取HTML表格。這些數據是否得到更新?如果是這樣,您將需要重新加載整個HTML。我建議使用一個網格,而不是:
// tabPanel definitinon
{
xtype:"grid",
//tabId is a unique value created at the time of the tab
id:"general_props_status_grid_" + tabId,
ds: C.createStore({
storeId:"general_props_status_grid_" + tabId,
autoLoad:true
proxy: new Ext.data.HttpProxy({
//path to a serverside page that gerenates a JSON table contents
url: '?fuseaction=qry_statuses'
}),
reader: new Ext.data.JsonReader({
id: 'status_id',
root:'data'
}, [
{name: 'status_id'},
{name: 'name'}
]),
remoteSort: false
}),
columns:[{
header: "Status ID",
dataIndex: 'status_id',
width:20,
hidden:true,
sortable:true
},{
header: "Name",
dataIndex: 'name',
hideable:false,
renderer:function(val){
return "<span class='link'>" + val +"</span>"
},
width:150,
sortable:true
}],
sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
loadMask: true,
listeners: {
activate:function(thisGrid){
//this will reload the grid each time this tab is selected
thisGrid.getStore().reload();
}
}
}
有一噸的供電網的選項,但上面的例子顯示了通過回調自動更新的網格。
0
好的,我做了一些進一步的閱讀我的事情,這個autoLoad屬性在這裏幫了我很多。 我會從這裏出發。
相關問題
- 1. 動態添加選項卡
- 2. 動態添加選項卡
- 3. 在現有「添加」選項卡之前添加動態引導選項卡
- 4. 使用GWT中的選項卡動態添加選項卡
- 5. Android - 動態添加選項卡
- 6. Aurelia動態添加引導選項卡
- 7. AvalonDock動態添加選項卡
- 8. 動態添加ID到jquery選項卡
- 9. 以qml動態添加選項卡
- 10. JQuery選項卡動態添加ajax
- 11. 如何動態添加jquery選項卡
- 12. 從webservice動態添加選項卡
- 13. 動態添加網格到tabpanel中的特定選項卡
- 14. JqWidget選項卡 - 動態添加ajax內容的選項卡
- 15. 動態添加選項卡到選項卡控件
- 16. 顯示動態添加選項卡jquery選項卡
- 17. 動態添加的表格
- 18. 動態添加選項
- 19. AngularJS添加新選項卡以推動選項卡列表
- 20. jquery-ui選項卡 - 添加選項卡
- 21. 如何在選項卡控件中動態添加標籤
- 22. 如何在動態選項卡中添加內容
- 23. 在YiiBooster TbTabs部件中動態添加選項卡
- 24. 如何在vaadin中動態添加選項卡?
- 25. 在選項卡中動態添加文本視圖(Android)
- 26. 在Android中動態添加表格行?
- 27. 在Highcharts中動態添加HTML表格
- 28. 如何將選定選項動態添加到表格
- 29. 將ListView動態添加到TabHost中的選項卡
- 30. 在Android ActionBar選項卡的選項卡中添加FragmentActivity。