为easyUI的dataGrid加入自己的查询框
2024-08-26 22:45:09
dataGrid作为easyUI的一个核心组件,其功能上是非常强大的。
可是外观上似乎就有点差强人意了,首先说一下我对dataGrid外观的2点感受
1、图标不好看,且尺寸非常小(16x16)—— 关于这个,能够点这里看还有一篇blog解决
2、高度问题。假设分页仅仅有8-10条的话,且toolbar仅仅放16x16的图标。那么整个高度仅仅有差点儿相同300px最多
这次的改写主要也就是解决这么两个问题
以下主要是为dataGrid加入一个多条件的查询框,先看一下终于的效果:
图1
图2
做点简单的介绍:
这里将查询分为了基本查询和高级查询,也就是经常使用查询和不经常使用查询。能够看到,查询条件还是比較多的。
假设把全部条件都显示出来。条件太多会把人眼睛看晕。
。。
所以把不经常使用的查询先不显示到页面上,当用户须要用的时候,再通过左側的下拉箭头点出来,此时箭头变成了上拉。
之后再点击上拉箭头隐藏高级查询框时,选中的条件则会显示在dataGrid里,而且能够通过x来删去
用法:在页面load完之后增加$("#repair_dropBtn").dropForm();注冊一下就OK,repair_dropBtn替换成你要注冊的那个下拉button的ID
$(function(){
// 注冊下拉事件
$("#repair_dropBtn").dropForm();
});
最新文章
- zorka源码解读之tracer内部实现
- DOM_04之常用对象及BOM
- 和redis谈一场恋爱(第二天约会了解彼此)
- MySql5.7.12设置log-bin
- Ubuntu10.10 安装scim
- 尝试使用Java6API读取java代码
- poj 1564 Sum It Up【dfs+去重】
- c++ 流基本概念
- 多线程中遇到ASSERT(pMap->;LookupPermanent(hWndOrig) == NULL);怎么解决
- JVM启动参数手册——JVM之八
- 推荐两个不错的CAD二次开发(.Net)手册
- Ubuntu下安装Wine&;WineQQ+Phpstorm+wps+svn+vim(计划任的使用)+flashplayer+curl扩展
- 局域网iis添加主机头
- 关于一些基础的Java问题的解答(四)
- .NET Core微服务之基于Steeltoe使用Hystrix熔断保护与监控
- MyBatis 分页插件 PageHelper 使用
- pgsql 服务遇见的问题记录
- shell 到达一定数量文件自动删除最久时间文件
- isPrototypeOf 与 instanceof区别
- Parsing Natural Scenes and Natural Language with Recursive Neural Networks-paper
热门文章
- Tensorflow 函数学习笔记
- 使用scatter画散点图
- 处理SpringMVC的时间错误:Field error in object 'sysDatumedetai' on field 'storagetime': rejected value [2017-11-27];
- JAVA 获取访问者IP
- codevs——T1006 等差数列
- Linux经常使用命令(十六) - whereis
- jquery07
- 量化派基于Hadoop、Spark、Storm的大数据风控架构--转
- shell 日期转换
- Java中Webservice调用.NET天气接口生成客户端异常