java_easyui体系之DataGrid(2)(二)

2014-11-24 07:14:34 · 作者: · 浏览: 1
(){ } },'-'] }); }); //查询数据 function show(){ $('#datagrid').datagrid('load',serializeObject($('#searchForm'))); } //清除查询条件、返回初始数据展示状态 function clean(){ $('#datagrid').datagrid('load',{}); $('#searchForm').find('input').val(''); }
用户名
创建时间
创建时间 查询 清空

引用的js:


serializeObject = function(form){
	var o = {};
	$.each(form.serializeArray(), function(index){
		if(o[this['name']]){
			o[this['name']] = o[this['name']] + this['value'];
		}else{
			o[this['name']] = this['value'];
		}
	});
	return o;
};


四:补充说明

1、 当对datagrid进行DUAL时、可以使用toolbar直接添加功能按钮、也可以使用div作为

2、 使用datatimebox时 要加上editable=false

3、 查询时、使用load、而不是使用reload、load查询的时候会将页面改回到首页、reload则会从你选择的页面开始查

4、 当将内嵌页面作为layout使用的时候、不要将body设置成class=”easyui-layout”使用div作为layout的容器。

5、 折叠的组件式通过 class=”easyui-accordion”―― 然后通过div来设置的。而不是想象中的内嵌layout。

6、 可以通过点击 class=”easyui-accordion”中的选项动态展示tabs的某个组件。


更多内容 : java_easyui体系之目录――00