案例效果
同一个form表单中有两个子功能集合,第二个子功能集合添加数据时,要选择第一个子功能集合列表中显示的数据作为默认值
实现思路
form表单中配置两个字功能集合;
注册并启用子功能集合的数据添加事件;
编写代码,弹出自定义grid,显示另一个子功能集合数据,选择数据,设置默认值;
操作步骤
- form表单中配置两个字功能集合;
- 注册并启用子功能集合的数据添加事件;
- 编写代码,弹出自定义grid,显示另一个子功能集合数据,选择数据,设置默认值;
相关代码
function(field,grid,rec){
debugger;
var dataarr = [];
var firstGrid = Ext.getCmp("JE_XHJ_SBGL_jeformview").down("childfuncfield[name=childfuncfield_1]").grid;
if(firstGrid){
var datalength = Ext.getCmp("JE_XHJ_SBGL_jeformview").down("childfuncfield[name=childfuncfield_1]").grid.getStore().data.items.length;
if(datalength>0){
//获取到第一个字功能集合数据grid数据
var setDataarr = Ext.getCmp("JE_XHJ_SBGL_jeformview").down("childfuncfield[name=childfuncfield_1]").grid.getStore().data.items;
Ext.each(setDataarr,function(item,index){
dataarr.push({KHGLLXR_LXRXM:item.data.KHGLLXR_LXRXM,KHGLLXR_LXRDH:item.data.KHGLLXR_LXRDH});
});
}
}
// 第一个字功能集合的字段编码:联系人姓名 KHGLLXR_LXRXM,联系人电话:KHGLLXR_LXRDH
var store = Ext.create('Ext.data.Store', {
fields:['KHGLLXR_LXRXM', 'KHGLLXR_LXRDH'],
data:dataarr,
});
//创建列表
var grid = Ext.create('Ext.grid.Panel', {
store: store,
cls:"je-grid-func",
columns: [
{ text: 'Name', dataIndex: 'KHGLLXR_LXRXM' },
{ text: 'tel', dataIndex: 'KHGLLXR_LXRDH', flex: 1 }
]
});
JE.win({
title:'Simple Grid',
width:700,
height:400,
autoShow:true,
items:grid,
okButtonText:'确定',
useButton:true,//显示确定取消按钮
fn:function(win){
debugger;
var form = field.up('jeformview');
var seelctdata = win.down('grid').getSelectionModel().getSelection();
var zgn = form.down("childfuncfield[name=childfuncfield_2]").grid;
var x = seelctdata[0].data.KHGLLXR_LXRXM;
//给第二个子功能集合数据赋值
Ext.each(rec,function(item,index){
item.set("ZGONGENGJIHE_LXRXM",x);
});
//关闭窗口
win.close();
}
})
}
关键字,相关问题
- 子功能集合
- 数据添加
- 自定义grid
最后编辑: 肖海杰 文档更新时间: 2024-08-21 10:58 作者:肖海杰