关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

EasyUI在数据列表中显示条件

发布时间:2019-10-23 09:11:20
第一次是只需要显示那些所以直接做了URL
先在 $('#list').datagrid('clearSelections').datagrid('reload', { filter: '' });中写,如果不出现则写在URL中
//显示条件
var tj = '?filter={ "groupOp":"AND", "rules": [{ "field":"myxd", "op":"ne", "data":"null"}], "groups": [] }';
var grid = {
    bind: function (winSize) {
        $('#list').datagrid({
            url: actionURL + tj,
            toolbar: '#toolbar',
            title: "外加工详细",
            iconCls: 'icon icon-list',
            width: winSize.width,
            height: winSize.height,
            nowrap: false, //折行
            rownumbers: true, //行号
            striped: true, //隔行变色
            idField: 'KeyId',//主键
            singleSelect: true, //单选
            frozenColumns: [[]],
            columns: [[//应为宽度不是很需要所以注释了宽度
                { title: '选择', field: 'ck', checkbox: true },//后加进去全选字段数据库里是没有的
                { title: '序号', field: 'KeyId', sortable: true, width: '', hidden: false, editor: { type: 'numberspinner', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '订单号', field: 'orderid', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '后加工厂', field: 'myws', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '下单人', field: 'myxd', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '开单日期', field: 'myxdrq', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '后加工收货人', field: 'mysh', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '交货日期', field: 'myjhrq', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '印刷品名', field: 'yspmc', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '加工尺寸', field: 'mycc', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '加工数量', field: 'mynum', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '单价', field: 'mydj', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '金额', field: 'myysf', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '制作项目', field: 'myzzxm', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '加工备注', field: 'wsjgbz', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } }
                
            ]],
            onEndEdit: onEndEdit,//结束编辑时函数 这里为了简洁 该函数写在下面
            onUnselect: onUnselect,
            onLoadSuccess: function (data) {
                //alert($('body').data('data70'));
                //alert($('body').data('data69'));
            },
            onCancelEdit: onCancelEdit,//在用户取消编辑一行的时候触发
            onSelect: onSelect,//在用户选择一行的时候触发
            onClickRow: onClickRow,//在用户点击一行的时候触发
            //onAfterEdit: onAfterEdit,//在用户完成编辑一行的时候触发
            onDblClickCell: onDblClickCell,//为了程序逻辑清楚函数写在外面
            onHeaderContextMenu: function (e, field) {//列菜单实现动态隐藏列
                e.preventDefault();
                if (!cmenu) {
                    createColumnMenu();
                }
                cmenu.menu('show', {
                    left: e.pageX,
                    top: e.pageY
                });
            },
            pagination: true,
            pageSize: PAGESIZE,
            pageList: [20, 40, 50, 100, 200]
        });
    },
    getSelectedRow: function () {
        return $('#list').datagrid('getSelected');
    },
    //显示条件
    reload: function () {
        //{"groupOp":"AND","rules":[{"field":"unit","op":"cn","data":"昆明"},{"field":"connman","op":"cn","data":"朱光明"}],"groups":[]}
        $('#list').datagrid('clearSelections').datagrid('reload', { filter: '' });
    }
};


第二次需要添加自定义搜索所以就改了一下,参考了https://blog.csdn.net/wei_lanse/article/details/52985659
var tj = '{ "groupOp":"AND", "rules": [{ "field":"myxd", "op":"ne", "data":"null"}], "groups": [] }';
var grid = {
    bind: function (winSize) {
        $('#list').datagrid({
            url: actionURL,
            向后台传递参数
            queryParams: {
                filter: tj
            },
            toolbar: '#toolbar',
            title: "外加工详细",
            iconCls: 'icon icon-list',
            width: winSize.width,
            height: winSize.height,
            nowrap: false, //折行
            rownumbers: true, //行号
            striped: true, //隔行变色
            idField: 'KeyId',//主键
            singleSelect: true, //单选
            frozenColumns: [[]],
            columns: [[//应为宽度不是很需要所以注释了宽度
                { title: '选择', field: 'ck', checkbox: true },//后加进去全选字段数据库里是没有的
                { title: '序号', field: 'KeyId', sortable: true, width: '', hidden: false, editor: { type: 'numberspinner', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '订单号', field: 'orderid', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '后加工厂', field: 'myws', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '下单人', field: 'myxd', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '开单日期', field: 'myxdrq', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '后加工收货人', field: 'mysh', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '交货日期', field: 'myjhrq', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '印刷品名', field: 'yspmc', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '加工尺寸', field: 'mycc', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '加工数量', field: 'mynum', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '单价', field: 'mydj', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '金额', field: 'myysf', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '制作项目', field: 'myzzxm', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } },
                { title: '加工备注', field: 'wsjgbz', sortable: true, width: '', hidden: false, editor: { type: 'textbox', options: 
                { required: false, validType: '', missingMessage: '' } } }

            ]],
            onEndEdit: onEndEdit,//结束编辑时函数 这里为了简洁 该函数写在下面
            onUnselect: onUnselect,
            onLoadSuccess: function (data) {
                //alert($('body').data('data70'));
                //alert($('body').data('data69'));
            },
            onCancelEdit: onCancelEdit,//在用户取消编辑一行的时候触发
            onSelect: onSelect,//在用户选择一行的时候触发
            onClickRow: onClickRow,//在用户点击一行的时候触发
            //onAfterEdit: onAfterEdit,//在用户完成编辑一行的时候触发
            onDblClickCell: onDblClickCell,//为了程序逻辑清楚函数写在外面
            onHeaderContextMenu: function (e, field) {//列菜单实现动态隐藏列
                e.preventDefault();
                if (!cmenu) {
                    createColumnMenu();
                }
                cmenu.menu('show', {
                    left: e.pageX,
                    top: e.pageY
                });
            },
            pagination: true,
            pageSize: PAGESIZE,
            pageList: [20, 40, 50, 100, 200]
        });
    },
    getSelectedRow: function () {
        return $('#list').datagrid('getSelected');
    },
    //显示条件
    reload: function () {
        //{"groupOp":"AND","rules":[{"field":"unit","op":"cn","data":"昆明"},{"field":"connman","op":"cn","data":"朱光明"}],"groups":[]}
        $('#list').datagrid('clearSelections').datagrid('reload', { filter: '' });
    }
};



相关阅读

centos7系统中忘记了root管理员账号密码的解决方式公司管理必须的20条军规[参考]云南昆明天猫旗舰店如何开_怎么开_要什么条件云南大王-通俗理解spring源码(三)—— 获取xml的验证模式 云南大王-用户登录 云南大王-【Golang进阶】指针的详细讲解 云南大王-Java 单线程代码ThreadLocal串值问题 云南大王-Java 实例级别的锁和类级别的锁 云南大王-工作流引擎会签,加签,主持人,组长模式专题讲解 云南大王-Android连载5云南大王-NTP对时器(NTP对时服务器)重要性!京准电子科技 云南大王-关于redis单线程的分析 云南大王-CVE云南大王-PHP SESSION反序列化本地样例分析 云南大王-这不就是多线程ThreadPoolExecutor和阻塞队列吗 云南大王-Tomcat AJP 文件包含漏洞(CVE云南大王-讲真,这两款idea插件,能治愈你英语不好的病 云南大王-消息中间件ActiveMQ、RabbitMQ、RocketMQ、ZeroMQ、Kafka如何选型? 云南大王-JVM系列十三(类加载器). 云南大王-Win10安装MySQL8压缩包版 云南大王-初始WebApi(2) 云南大王-初识人工智能(二):机器学习(一):sklearn特征抽取 云南大王-Popup中ListBox的SelectChange事件关闭弹出窗体后主窗体点击无效BUG 云南大王-基础知识记录 云南大王-FastDFS搭建图片服务器 云南大王-git/sourcetree解决本地仓库历史合并到线上仓的历史数据合并问题_refusing to merge unrelated histories 云南大王-js判断字符是否在数组中【转】 云南大王-Python 云南大王-面向对象之多线程(可捎带电梯调度) 云南大王-Python练习题2.5求奇数分之一序列前N项和(存在问题) 云南大王-React 中的前端路由 react云南大王-VSCODE 远程开发树莓派 云南大王-React新闻网站云南大王-vs .net CS0006 C# 未能找到元数据文件 .dll 云南大王-Vue.js 技术揭秘 云南大王-流程控制语句云南大王-Python学习笔记:Python的时间操作(time,datetime,timedelta,calendar) 云南大王-流程控制语句云南大王-golang Gin framework with websocket 云南大王-多重判断if..else嵌套语句 云南大王-用户登录 云南大王-流程控制语句云南大王-密码类 云南大王-Unity2018发布WebGL注意事项总结 云南大王-web系统安全运营之基础云南大王- 流程控制语句云南大王-中型WPF客户端开发项目总结(3.3.4) 云南大王-流程控制语句云南大王-流程控制语句云南大王-流程控制语句云南大王-中型WPF客户端开发项目总结(4) 云南大王-流程控制语句云南大王-ASP.NET Core笔记(4) 云南大王-C# 基础知识系列云南大王-让 .NET 轻松构建中间件模式代码(二) 云南大王-基于 HTML5 WebGL 的 水泥工厂可视化系统 云南大王-.NET Core 3 WPF MVVM框架 Prism系列之导航系统 云南大王-《JavaScript异步编程》精读笔记 云南大王-合理使用CSS框架,加速UI设计进程 云南大王-CLSID 为 {000209FF云南大王-从零基础转行到前端大牛,需要经过哪几个阶段? 云南大王-一个简单的例子看明白 async await Task 云南大王-【目前】宇宙第一IDE Visual Studio 合并压缩css、js扩展组件云南大王-写一个通用的List集合导出excel的通用方法 云南大王-Bootstrap4 按钮组+徽章(Badges)+进度条+分页+列表组 云南大王-Web前端工程师需要学些什么? 云南大王-react嵌套路由 云南大王-【java框架】Struts2(2) 云南大王-javaSE笔记云南大王-.net core 集成 sentry 进行异常报警 云南大王-Java の 四种引用 云南大王-JVM 虚拟机&&类加载(一) 云南大王-使用Fastjson实现JSON与JavaBean之间互相转换 云南大王-Python操作Oracle数据库:cx_Oracle 云南大王-为什么要用内插字符串代替string.format 云南大王-作为字节跳动的面试官,有些话我不得不说! 云南大王-微信公众号自定义菜单与启用服务器配置冲突(图文消息、链接及文本回复) 云南大王-C#队列学习笔记:RabbitMQ延迟队列 云南大王-Disruptor 基础篇 云南大王-C#获取设备(Audio和Video)名称 简单整理 云南大王-基于注解的IOC配置 云南大王-C#调用EnumDevice获取设备信息 云南大王-Jenkins基础系统之更换镜像源 云南大王-Jenkins基础系统之完整的.net项目编译 云南大王-Scala学习系列(二)——环境安装配置 云南大王-WinForm中DataGridView复制选中单元格内容解决方案 云南大王-关键词匹配优化(第0篇)—— 问题和思路 云南大王-ASP.NET CORE WEBAPI文件下载 云南大王-GC垃圾回收器 云南大王-多线程之旅(Task 任务) 云南大王-当模板方法遇到了委托函数,你的代码又可以精简了 云南大王-基于.NetCore3.1搭建项目系列 —— 使用Swagger导出文档 (补充篇) 云南大王-关键词匹配优化(第1篇)—— 测试计算过程 云南大王-原理解密 → Spring AOP 实现动态数据源(读写分离),底层原理是什么 云南大王-Navicat 密码加密算法 云南大王-【WPF学习】第六十六章 支持可视化状态 云南大王-composer安装 windows 云南大王-ASP.NET Core中的Controller 云南大王-HttpClient来自官方的JSON扩展方法 云南大王-Python3标准库:http.cookies HTTP cookie
/template/Home/Zkeys/PC/Static