如题,tabpanel有两个tab子项,左边放gridpanel,右边放formpanel,当选中gridpanel的某一行,然后点击formpanel的tab,该行数据填充到formpanel中相对应的组件中,代码如下
GW.StudentInfoImportModule.DataTabPanel = Ext.extend(Ext.TabPanel,{
constructor : function (config){
Ext.apply(this,config);
GW.StudentInfoImportModule.DataTabPanel.superclass.constructor.call(this,{
region : 'center',
border : false,
activeItem : 0,
minTabWidth: 100,
tabWidth: 120,
items : [new GW.StudentInfoImportModule.ImportedData({
title:'导入的数据',iconCls:'module-edit-icon',border:false
}),
new GW.StudentInfoImportModule.SingleStudentData({
title:'出错的数据',iconCls:'module-edit-icon',border:false,
listeners:{
activate:function (tab){
//第一步先获得gridpanel里面选中的列,第二步获得该列的数据,第三步获得formpanel,第四步加载
var studentInfo = Ext.getCmp('studentInfoImportedData');
if(studentInfo.getSelectionModel().getSelected()){
var jsonData = studentInfo.getSelectionModel().getSelected().json;
var studentForm = Ext.getCmp('singleStudentBaseInfoFormPanel').getForm();
for(var name in jsonData){
setData(studentForm,jsonData,name);
}
}
}
}
})
]
});
}
});
setData = function (studentForm,jsonData,name){
if(studentForm.findField(name)){
studentForm.findField(name).setValue(jsonData[name]);
}
};
分享到:
相关推荐
Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
tapestry4.02中封装ext的GridPanel组件
改变gridpanel的行颜色,以及gridpanel 的表格变色
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
Extnet GridPanel 增行 删行 弹出窗体 页面传值
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
后来公司让改变一个Gridpanel的展现方式,要求实现滚屏的效果。于是我就开始找API相关的功能了。找了很久,也没有找到框架的相应控制方法,然后在网上找了很久,也没有找到有人给去示例,无奈就只能自己写JS来控制...
1 最简单的Grid Panel Grid Panel是ExtJS的...Store可以看作是一行数据的集合或者是Model的实例集合,每个Store都包含一个或多个Model实例,Grid Panel显示的数据都存储在Store里面。Grid Panel通过Store获取数据并显
我们先在页面中添加三个 ext 组件:store, menu,gridpanel b. 将 gridpanel 的contextmenuID 设置为 menu 控件的ID, 从而为GridPanel 添加右键菜单 代码如下: <ext:Store ID=”Store1″ runat=”server” ...
扩展的GridPanel,让其分页后保持选择状态
EXT实例GridPanel. 实现简单的。
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
NULL 博文链接:https://dengli19881102.iteye.com/blog/867989
通过Servlet让Extjs GridPanel 显示数据库数据
Ext.grid.GridPanel 删除线 放到example文件夹下运行
gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊
Ext的gridpanel控件二次加载时丢失解决方案
ExtJS的GridPanel导出excel文件,方便快捷易懂!
EXT GridPanel获取某一单元格的值