easyUI实现查询条件传递给后端并自动刷新表格的两种方法

easyUI实现查询条件传递给后端并自动刷新表格的两种方法

• 用ajax的post函数传递参数，再通过loadData方法将数据初始化到表格中

js代码：

     //根据id搜索
     $("#standardQueryBtn").click(function(){//点击搜索按钮的触发事件
        var offerid = $("#offerid").val();
        var offername = $("#offername").val();
        if(offerid != ""&&offername == ""){//判断id是否为空，不为空进入循环
            $.post("${pageContext.request.contextPath}/OfferServlet",//通过ajax的post函数传递flag和offername的值
                    {flag:"find","offer.id": offerid},
                function(str){//回调函数处理
                     var json = JSON.parse(str);//将返回的字符串转换为json
                     $("#dg").datagrid('loadData',json);//将表格数据初始化的方式更新
                }); 

post里边有三个值：URL，data，回调函数

servlet层相关代码：

else if("find".equals(flag)){
            String offeridi = request.getParameter("offer.id");//从前端取到数据
            List<Offer> listoffer = offerservice.queryOfferIdService(offeridi);//从后端取到数据赋给了这个集合
            String str = JSONArray.toJSONString(listoffer);//将集合里的数据转换为Jsona语言（特殊的字符串）
            response.setContentType("text/html;charset=utf-8");//防止response时中文数据乱码
            response.getWriter().print(str);//向前台传递字符串

 

• datagrid的load方法直接传递参数并自动刷新表格