EasyUI Datagrid 数据网格实现模糊查询多列

一、需求

点击往来辅助下拉列表会出现ObjectNo-编号 与ObjectNameC-名称,在输入框里输入编号或者中文汉字都可以查询到当前匹配的行。

EasyUI Datagrid 数据网格实现模糊查询多列_第1张图片

二、实现

1、html部分

EasyUI Datagrid 数据网格实现模糊查询多列_第2张图片

往来辅助

2、js部分

文档:http://www.jeasyui.net/plugins/169.htmlEasyUI Datagrid 数据网格实现模糊查询多列_第3张图片

function append() {
                if (endEditing()) {
                    
                    var wlfz = $('#dg').datagrid('getEditor', {index: editIndex, field: 'wanglaifuzhu'});
                    wlfz.target.combogrid({
                        filter: function (q, row) {

                            //获取当前数据
                            var opts = $(this).combogrid('options');

                            //返回匹配值
                            var name_id = row[opts.idField].indexOf(q) >= 0;
                            var name_text = row[opts.textField].indexOf(q) >= 0;

                            if (name_id == true) {

                                //如果编号匹配返回编号所在的行
                                return row[opts.idField].indexOf(q) >= 0;

                            } else if (name_text == true) {

                                //如果名称匹配返回名称做在的行
                                return row[opts.textField].indexOf(q) >= 0;
                            }
                        },
                        onChange: function (newValue, oldValue) {
                        }
                    })
                }
            }

 

你可能感兴趣的:(easyUI)