Ext 中 如何將grid的資料傳到tab中的html段中

beauty2003發表於2009-06-22
HTML
如題，我想點選grid中的某一行，然後把這行對應的幾個欄位的內容傳到tab中的html段中，程式碼如下：

var tableStore = new Ext.data.Store( {
proxy :new Ext.data.HttpProxy( {
url :'acfgWorkOrder!query.action?'
}),
reader :new Ext.data.JsonReader( {
root :'workorderBeanList',
totalProperty :'totalCount',
idProperty :'so_nbr'
}, [ {
name :'so_nbr'
}, {
name :'prod_id'
}, {
name :'state'
}, {
name :'acc_nbr'
}, {
name :'lrn'
}, {
name :'prod_func'
}, {
name :'create_date'
}, {
name :'inas_serial_nbr'
}])
});
tableStore.setDefaultSort('so_nbr', 'asc');

// ColumnModel物件，用於grid物件中的列格式化配置
var cm = new Ext.grid.ColumnModel( [ new Ext.grid.RowNumberer(),{
id :'so_nbr',
header :'工單流水號',
dataIndex :'so_nbr'
}, {
header :'產品編號 ',
dataIndex :'prod_id'
}, {
header :'主工單狀態 ',
dataIndex :'state'
}, {
header :'邏輯號碼 ',
dataIndex :'acc_nbr'
}, {
header :'物理號碼 ',
dataIndex :'lrn'
}, {
header :'產品功能 ',
dataIndex :'prod_func'
}, {
header :'建立時間 ',
dataIndex :'create_date'
} ]);
// by default columns are sortable
cm.defaultSortable = true;

// 建立表格
var grid = new Ext.grid.GridPanel( {
title :'主工單資料',
id: 'detailPanel',
store :tableStore,
cm :cm,
viewConfig : {
forceFit :true
},
// inline toolbars
tbar:[{
id : 'New1',
text : '詳情',
tooltip : '顯示詳情',
iconCls : 'edit',
handler : function() {
ptb_bt2();
},
disabled :disableMod
}],

// 新增分頁工具欄
bbar :new Ext.PagingToolbar( {
pageSize :25,
store :tableStore,
displayInfo :true,
displayMsg :'顯示 {0}-{1}條 / 共 {2} 條',
emptyMsg :"無資料。",
disabled :disableQuery,
plugins: new Ext.ux.grid.PageSizePlugin()
}),

width :700,
height :380,
// autoHeight: true,
frame :true,
loadMask :true,// 載入遮罩動畫
autoShow :true
});

---------------------------------------------------------------
tab = tabs.add({
title: "test",
html: "<table width='100%' cellspacing='1' cellpadding='2' border='1' bgcolor='CCCCCC'>"
+"<tr><td width='50%'>工單流水號</td><td width='50%' id='so_nbr'></td></tr>"
+"<tr><td width='50%'>產品編號</td><td width='50%' id='prod_id'></td></tr>"
+"</table>"
});


----------------------------------------------------------------
如何才能讓上面的so_nbr顯示對應grid中選中行的值呢？或者有什麼其他的寫法也行、

相關文章