EasyUI之datagrid(‘load’,object)

使用form表单提交查询条件的时候，以往都是用get到value，然后把这些get的value封装到一个JavaScript对象中。
Jquery提供了一个方法，可以自动对表单中的条件进行封装。

工作流程

• jsp中创建表单，包含相关查询条件的字段
• 封装表单的查询条件到JavaScript对象中
  
  • 调用serializeObject方法
• 调用datagrid(‘load’,object)
  
  • 调用datagrid方法后台查询

流程代码

下面是代码demo演示

---

1.jsp编写

四个输入框

<form id="demo" >    <input type="text" id="input1" name="input1"/>    <input type="text" id="input2" name="input2"/>    <input type="text" id="input3" name="input3"/>    <input type="text" id="input4" name="input4"/></form>

2.把条件封装成JavaScript对象并调用后台

=========js代码===========

调用serializeObject方法实现对form表单中对象的封装

//封装对象函数function getObj(){    var obj=$("#demo").serializeObject();    dg.datagrid('load',obj); }  //调用后台查询函数function getData(){    dg=$('#view).datagrid({            method: "post",        url:url地址,         ======省略很多datagrid属性======    });   }

3.后台获取

只要在controller层中使用request.getParameter(“”)方法就可以获取到条件了。

以上。