资讯专栏INFORMATION COLUMN

easyui datagrid以及oracle中的多行合并一行

jollywing / 1504人阅读

摘要:页面显示前端代码大箱码关联信息列表大箱码关联的箱码不同箱码用分号分开,相同箱码用逗号分开关联数量页面切换动作设置默认的页号设置默认的每页记录数注意格式是,不是请求成功,将返回的数据一页的记录数绑定到控件总记录个数获取条数由于显

页面显示:

前端代码:
大箱码 关联的箱码(不同箱码用分号分开,相同箱码用逗号分开) 关联数量
js:
 function getDataByPageRows(pageNum, rowsLimit){  
        $("#pp").show();
               pageNum = pageNum || 1;     // 设置默认的页号  
               rowsLimit = rowsLimit || 2;// 设置默认的每页记录数  
               $.ajax({  
                   type: "POST",  
                   dataType: "json",       // 注意格式是html,不是json  
                   url:"<%=basePath%>outdata/querydetaillist",
                   data: {  
                       startdate: $("#startdate").datetimebox("getValue"),
                       enddate: $("#enddate").datetimebox("getValue"),
                       storecode: $("#storecode").val(),
                       page: pageNum,
                       rows: rowsLimit
                   },  
                   success: function(data){   // 请求成功,将返回的数据(一页的记录数)绑定到 datagrid控件  
                       var count = data.total;   // 总记录个数  
                       var datarow = data.rows;  //获取条数;
                       $("#dgs").datagrid("loadData",datarow);  
                       $("#pp").pagination({  
                           total: count,           // 由于显示 ”共XXX条记录” 等信息用  
                           pageNumber: pageNum    //   
                       });  
                   }  
               });//ajax         
           }
controller:
@RequestMapping(value="/querydetaillist")
    @ResponseBody
    public String querydetaillist(Model model,HttpServletResponse response,HttpServletRequest request,
            @RequestParam(value = "page", required = false, defaultValue = "") String page,
            @RequestParam(value = "storecode", required = false, defaultValue = "") String storecode,
            @RequestParam(value = "startdate", required = false, defaultValue = "") String startdate,
            @RequestParam(value = "enddate", required = false, defaultValue = "") String enddate,
            @RequestParam(value = "rows", required = false, defaultValue = "") String rows){
        
        
        int endindex=Integer.valueOf(page)*Integer.valueOf(rows);
        int startindex=(Integer.valueOf(page)-1)*Integer.valueOf(rows);
        Map params = new HashMap();
        if(!storecode.equals("")){
            storecode = storecode.replaceFirst("^0*", ""); 
        }
        if(!startdate.equals("")){
            startdate = startdate.replaceAll(" ", "");
        }
        if(!enddate.equals("")){
            enddate = enddate.replaceAll(" ", "");
        }
        params.put("endIndex", endindex);
        params.put("storecode", storecode);
        params.put("startIndex", startindex);
        params.put("startdate", startdate);
        params.put("enddate", enddate);
        

        List datalist=outdataDao.querydetaillist(params);
        String total=outdataDao.querydetaillistcount(params);
        JSONObject obj=new JSONObject();
        obj.put("total", total);
        obj.put("rows", datalist);
        return obj.toJSONString();
    }
xml:

    
    
参考文档:

easyui 中文网:http://www.jeasyui.net/plugin...
oracle多行合并成一行: listagg within group:http://blog.csdn.net/baojiang...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/68540.html

相关文章

  • EasyUI datagrid数据表格单元格内允许换行 解决单元格内纯数字或英文文本不能换行问题

    摘要:官方的数据表格属性中提供了属性其作用是设置为,则把数据显示在一行里。设置为可提高加载性能。 官方的数据表格属性中提供了nowrap属性其作用是:设置为 true,则把数据显示在一行里。设置为 true 可提高加载性能。 默认为true在设置数据表格属性时将nowrap属性设置为false时,并且设置表格的宽度,当单元格内数据内容超过宽度时就会自动换行 { field : khm...

    junfeng777 评论0 收藏0
  • EasyUI datagrid问题整理

    摘要:什么是是一种基于和的用户界面插件集合。为创建现代化,互动,应用程序,提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。 什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScr...

    megatron 评论0 收藏0
  • EasyUI datagrid问题整理

    摘要:什么是是一种基于和的用户界面插件集合。为创建现代化,互动,应用程序,提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。 什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScr...

    yexiaobai 评论0 收藏0
  • EasyUI datagrid问题整理

    摘要:什么是是一种基于和的用户界面插件集合。为创建现代化,互动,应用程序,提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。 什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScr...

    Kross 评论0 收藏0

发表评论

0条评论

jollywing

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<