easyui datagrid combobox级联查询

最新推荐文章于 2023-02-10 11:30:09 发布

原创最新推荐文章于 2023-02-10 11:30:09 发布 · 648 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用组合框编辑器的方法，特别是在表格中实现下拉选择功能的技术细节。文章详细描述了如何通过设置各种属性来定制组合框的行为，包括加载数据源、调整面板高度以及在选项改变时触发的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
field:'A',
title:'A',
align:'center',
width:'15%',
editor:{
type:'combobox',
options:{
url:'url',
queryParams:{
"param":"111",

},
dataType:"json",
valueField:'CODENM',
textField:'CODENM',
editable:false,
onShowPanel:function(){
var v = $(this).combobox(
'panel')[0].childElementCount;
if (v <= 10) {
$(this).combobox('panel')
.height("auto");
} else {
$(this).combobox('panel')
.height(200);
}
},
onChange:function(newValue,oldValue){
var row = $('#dccssgcs').datagrid('getSelected');
var rindex = $('#dccssgcs').datagrid('getRowIndex',row);
var name = $('#dccssgcs').datagrid('getEditor',{
index:rindex,
field:'B',
});
if(name){
var url="URL?PARAM="+newValue;
$(name.target).combobox('clear');
$(name.target).combobox('reload',url);
}
}
}
}
},
{
field : 'B',
title : 'B',
align : 'center',
width : '15%',
editor : {
type : 'combobox',
options : {

type : "post",
dataType : "json",
valueField : 'CODENM',
textField : 'CODENM',
editable : false,
onShowPanel : function() {
var v = $(this).combobox(
'panel')[0].childElementCount;
if (v <= 10) {
$(this).combobox('panel')
.height("auto");
} else {
$(this).combobox('panel')
.height(200);
}
},
onChange : function(newValue,
oldValue) {

}
}
}
},