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

凯特-肖海杰 · 发表于 2022-3-3 18:03:35

一、实现效果

二、实现思路

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;
}

复制代码

五、关键字

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

		自动登录	找回密码
密码			立即注册