EasyUI EasyUI combogrid 组合框使用

缺乏、安全感 2021-10-24 01:36 530阅读 0赞

1.开启分页、 两个组合框级联、选中赋值等功能

<select class="easyui-combogrid" id="clientls" style="width:200px" data-options="
                        panelWidth: 500,
                        idField: 'ID',
                        textField: 'ClientCode',
                        url: 'GetSelectClientList',
                        method: 'get',
                        pagination : true,
                        rownumbers:true,
                        collapsible:false,
                        pageSize: 10,
                        pageList: [10],
                        columns: [[
                            {field:'ID',title:'ID',width:80},
                            {field:'Stype',title:'账套',width:80},
                            {field:'ClientCode',title:'客户编号',width:80,align:'right'},
                            {field:'ClientName',title:'客户名称',width:80,align:'left'}
                        ]],
                        fitColumns: true,
                        onSelect : function(rowIndex, rowData) {$('#Stype').textbox('setValue', rowData.Stype);$('#ClientCode').combogrid('grid').datagrid('options').queryParams.filter = $('#clientls').textbox('getText');$('#ClientCode').combogrid('grid').datagrid('reload');},
                        labelPosition: 'top'"></select>
    
    
    
                            <select class="easyui-combogrid" id="ClientCode" style="width:200px" data-options="
                        panelWidth: 800,
                        idField: 'ID',
                        textField: 'SendAddress',
                        url: 'GetSelectClientList' ,
                        method: 'get',
                        pagination : true,
                        rownumbers:true,
                        collapsible:false,
                        pageSize: 10,
                        pageList: [10],
                        columns: [[
                            {field:'ID',title:'ID',width:50},
                            {field:'Stype',title:'账套',width:30},
                            {field:'ClientCode',title:'客户编号',width:80,align:'left'},
                            {field:'SendAddress',title:'送货地址',width:350,align:'left'},
                            {field:'SendName',title:'送货抬头',width:250,align:'left'},
                            {field:'SendNameSub',title:'送货子抬头',width:250,align:'left'},
                            {field:'InvoiceName',title:'发票抬头',width:80,align:'left'}
                           ]],
                        onSelect : function(rowIndex, rowData) {$('#Stype').textbox('setValue', rowData.Stype);$('#clientls').textbox('setValue', rowData.ClientCode);$('#SendName').textbox('setValue', rowData.SendName);$('#SendNameSub').textbox('setValue', rowData.SendNameSub);$('#InvoiceName').textbox('setValue', rowData.InvoiceName);},
                        labelPosition: 'top'"></select>

//设置筛选条件。可用于上下级联动。

$('\#ClientCode').combogrid('grid').datagrid('options').queryParams.filter = $('\#clientls').textbox('getText');$('\#ClientCode').combogrid('grid').datagrid('reload')

onSelect事件设置选中后赋值、  级联动。注意调用api 最好返回string 格式json

转载于:https://www.cnblogs.com/kingvi/p/11217861.html

发表评论取消回复

表情：

评论列表（有 0 条评论，530人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyUI中datebox日期框的使用

*1.用法** <input id="dd" type="text" class="easyui-datebox" required="required"> ...

迈不过友情╰/ 2024年04月18日 07:27/ 0 赞/ 77 阅读

相关 EasyUI combobox(组合框)绑定onChange事件

HTML代码： <input type='text' id='text1' /> JS代码： $('text1').combobox({

心已赠人/ 2023年10月05日 14:02/ 0 赞/ 68 阅读

相关 Easyui Combogrid 默认选中第一条

![在这里插入图片描述][27b7658c92ce493a8a702f90088272c7.png] Combogrid 的方法来自组合（combo）和数据网格（datag

快来打我*/ 2023年09月28日 21:36/ 0 赞/ 15 阅读

相关 jquery easyui 验证框的使用

使用过程中的一积累，备查。 EasyUI 验证框使用方法: // 0、调用数据验证方法 return $("\form1").form('validate');

心已赠人/ 2022年08月26日 03:44/ 0 赞/ 172 阅读

相关【easyUI】下拉框中加datagrid-combogrid组件应用

应用效果 ![这里写图片描述][SouthEast] 代码 html代码 <input type="text" id="oldProj"> js代码

布满荆棘的人生/ 2022年06月13日 00:07/ 0 赞/ 309 阅读

相关 EasyUI 输入框下拉框提示语【EasyUI注意点】

近日在使用EasyUI编写输入框时，一开始发现要是，直接设置输入框class="easyui-textbox"时，会发现要想在input输入框后面加入属性placeholder

太过爱你忘了你带给我的痛/ 2022年06月12日 02:47/ 0 赞/ 861 阅读

相关 EasyUI组合条件查询

EasyUI组合条件查询 HTML： <table class="easyui-datagrid" style="width:400px;height:25

一时失言乱红尘/ 2022年05月27日 02:24/ 0 赞/ 299 阅读

相关 easyUI Confirm 确认框

$.messager.confirm("操作提示", "您确定要删除该转速运行李记录吗？", function (data) { if(data) {

水深无声/ 2022年05月26日 02:36/ 0 赞/ 368 阅读

相关 jQuery EasyUI API 中文文档 - 组合框（ComboBox）

(学习留存，如有侵权，请告知，立刻删除！) ComboBox 组合框扩展自 $.fn.combo.defaults。用 $.fn.combobox.defau

r囧r小猫/ 2022年04月23日 11:14/ 0 赞/ 386 阅读

相关 EasyUI EasyUI combogrid 组合框使用

1.开启分页、两个组合框级联、选中赋值等功能 <select class="easyui-combogrid" id="clientls" style="width

缺乏、安全感/ 2021年10月24日 01:36/ 0 赞/ 531 阅读