自定义类型门户中获取到左侧快速查询选中数据

案例效果

自定义类型门户中获取到左侧快速查询选中的数据

实现思路

1. 门户引擎中配置一个自定义类型的门户
2. 门户中编写业务代码
3. 在功能配置中，通过扩展面板把门户引入到功能列表界面中；
4. 在门户的代码中，添加左侧快速查询的监听事件，获取到快速查询树中选中的数据；

操作步骤

1. 门户引擎中配置一个自定义类型的门户

2. 门户中编写业务代码
   

3. 在功能配置中，通过扩展面板把门户引入到功能列表界面中；

4. 在门户的代码中，添加左侧快速查询的监听事件，获取到快速查询树中选中的数据

5. 在门户监听事件中，获取到左侧快速查询树选中的数据后，可以自行增加业务逻辑代码，此案例只是一个简单的打印；

相关代码

function(){
    //查询条件
    var condition = [];
    //重置按钮"点击时"处理方法
    var btnresetclick = function () {
        condition = [];
        Ext.MessageBox.alert('提示', '已重置查询条件!');
    }
    //重置按钮
    var btnreset = new Ext.Button({
        text: '重置',
        listeners: {
        // 'mouseover': btnresetmouseover,悬停
        'click': btnresetclick
       }
   });
   //数据源
   var store = Ext.create('Ext.data.Store', {
    fields:['name', 'email'],
    data:{'items':[
        { 'name': '硬盘容量',  "email":[{"name":"1","value":"16G"},{"name":"3","value":"32G"}] },
        { 'name': '颜色',  "email":[{"name":"5","value":"黑色"},{"name":"7","value":"红色"}]},
        { 'name': '品牌', "email":[{"name":"9","value":"华为"},{"name":"11","value":"苹果"},{"name":"17","value":"小米"}] },
    ]},
    proxy: {
        type: 'memory',//内存代理，读取本地数据，也可以配置ajax代理，可以查看
        reader: {
            type: 'json',
            root: 'items'//列表展示的数据项配置
        }
    }
});
var mainItems = []
Ext.each(store.data.items,function(item,index){
    var childItems = [];
    Ext.each(item.data.email,function(itemChild,index){
        var child = {"style":{'text-align':'center'},"itemName":item.data.name,"id":itemChild.id,"name":itemChild.name,"value":itemChild.value,xtype:'displayfield',"width":100
        ,listeners: { 
            render: function(p) { 
                  //处理点击事件代码 
                p.getEl().on('click', function(p,view){ 
                    var name =  item.data.name
                    var value = itemChild.value
                    var result = name +":"+value;
                    // Ext.getDom(this.id).style.background ="red";//设置颜色
                    condition.push(result)
                    //去重
                    JE.msg(Array.from(new Set(condition)),'查询条件');
                    var obj = JE.ajax({
                    url:'/eam/attribute/test',
                        text:false,//返回字符串,如果不配置,返回对象
                        params:{"":"/test"}
                    });
                    if(obj.success){
                        store.reload();
                         var resultCondition = Array.from(new Set(condition));
                         var  j_query = {"ceshi":resultCondition};
                         var func = JE.getFunc('EAM_ZCGL');
                         var grid = func.gridview;
                         //转码
                        grid.store.proxy.extraParams.ceshi = Ext.encode(j_query);
                        //刷新数据
                        grid.reload();
                    }else{
                        JE.alert('失败,请联系管理员');
                    }
                });
            }}}
        childItems.push(child)
    })
    var main = {"fieldLabel":item.data.name,"xtype":"fieldcontainer","labelWidth":100,"items":childItems,"layout":'hbox'}
    mainItems.push(main)
});
 var panel =  Ext.create('Ext.form.Panel', {
     items:mainItems,
     buttons: [btnreset],
     listeners:{
         added:function(form){
             var jetreeview = form.up('jedataview').down('jetreeview');
             jetreeview.on('selectionchange',function(modal,records){
                 console.log(modal,records);
             });
         }
     },
    renderTo: Ext.getBody()
});
return panel;
}

关键字，相关问题

• 自定义门户
• 扩展面板
• 左侧快速查询树