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();
});