EasyUI之datagrid('load',object)

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(“”)方法就可以获取到条件了。

以上。