easyui使用记录

1.easyui时间控件：
限制不能选择未来时间

   $('#aaaj').datebox().datebox('calendar').calendar({
        validator : function(date){
            var now = new Date();
            var d1 = new Date(now.getFullYear(),now.getMonth(),now.getDate());
            return d1 >= date;
        }
    });

/限制开始时间小于结束时间

   $("#startTime").datebox({//限制开始时间小于结束时间
        onSelect : function(beginDate){
            $('#endTime').datebox().datebox('calendar').calendar({
                validator: function(date){
                    return beginDate<=date;//<=
                }
            });
        }
    });

2.datagrid加载数据：

 public DataGrid grid(Map<String, Object> map) {
        String page = StringKit.toString(map.get("page"));
        String rows = StringKit.toString(map.get("rows"));
      
        String sqlCount = "";
        String sql = "select * from aaa";
       
        sqlCount = sql;
        List<Map<String, Object>> listCount = jdbcTemplate.queryForList(sqlCount);
        sql = "  SELECT * FROM(  " + sql + "  ) t2 order by createtime desc  ";
        sql += " limit " + (Integer.valueOf(page) - 1) * Integer.valueOf(rows) + " ," + rows;
        List<Map<String, Object>> list = jdbcTemplate.queryForList(sql);

        DataGrid dataGrid = new DataGrid();
        dataGrid.setRows(list);
        dataGrid.setTotal(listCount.size() + 0l);
        return dataGrid;
    }

3.combobox使用例子：

使用fastjson
@ResponseBody
@RequestMapping("xxx")
public Object xxx() {
	//查询sql
	String sql = "select u.REALNAME text,u.username value from s_user u " +
				 " left join s_org o on u.ORG_ID =o.id ";
	List<Map<String,Object>> userList = jdbcTemplate.queryForList(sql);
	JSONArray ja = JSONArray.parseArray(JSON.toJSONString(userList).toLowerCase());
	return ja;
}


<tr>
	<td class="label">我是描述</td>
	<td colspan="3">
		<input id="aaa" name="aaa" style="width:300px;"  data-options="panelHeight:80">
	</td>
</tr>


//js 中写法 参考easyui
$("#aaa").combobox({
	url : ctx + "/xxx/xxx/xxx/xxx",
	valueField: 'value',
	textField: 'text',
});


//onChange 使用
$("#xxx").combobox({
            onChange: function (newValue, oldValue) {
               $("#xxx").combobox("setValues", "01");
            }
        });

input 下拉框多选设置

multiple="true" 

[#macro getOrgTree name code id="" width="155" checkbox="true" multiple="false" onSelect="" cascadeCheck="false" required="false" disabled="false" panelHeight="200" value="" readonly="false" ]
	<input class="easyui-combotree" name="${name}" id="${id}" 
		data-options="
			url:'ds/getOrgTree${code}',
			editable:false,
			required:${required},
			panelHeight:${panelHeight},
			value : '${value}',
			readonly : ${readonly},
			checkbox : ${checkbox},
			multiple　:${multiple},
			disabled : ${disabled},
			cascadeCheck:${cascadeCheck},
			width:${width},
			onSelect : function(node){
				${onSelect};
			},
			icons:[{
					iconCls:'icon-combo-clear',
					handler : function(e) { $(e.data.target).combotree('clear'); }
				   }]
			"></input>
[/#macro]