发帖    主题    评论    推荐    标签    作者    订阅    查搜    注册   登陆   关注
 
面向对象 设计模式 领域驱动设计 企业架构 框架 开发教程 微服务 CQRS 扩展性 并发编程 事件溯源 分布式 SOA

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

2009-06-22 10:57
赞助商链接

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

赞助商链接

赞助商链接

返回顶部

移动版 关于本站 使用帮助 联系反馈 最佳分辨率1366x768
OpenSource JIVEJDON Powered by JdonFramework Code © 2002-20 jdon.com