案例效果

同一个form表单中有两个子功能集合,第二个子功能集合添加数据时,要选择第一个子功能集合列表中显示的数据作为默认值

实现思路

  1. form表单中配置两个字功能集合;

  2. 注册并启用子功能集合的数据添加事件;

  3. 编写代码,弹出自定义grid,显示另一个子功能集合数据,选择数据,设置默认值;

操作步骤

  1. form表单中配置两个字功能集合;

  1. 注册并启用子功能集合的数据添加事件;

  1. 编写代码,弹出自定义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-04-28 13:13   作者:肖海杰