Ext 中 如何将grid的数据传到tab中的html段中

09-06-22 beauty2003
如题,我想点击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中选中行的值呢?或者有什么其他的写法也行、

猜你喜欢