资讯专栏INFORMATION COLUMN

EasyUI Datagrid

fnngj / 834人阅读

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

1.页面展示效果:

![图片上传中...]

页面:

                toolbar="#toolbar" rownumbers="true"  singleSelect="true" fitColumns="true">  
            
大箱码 关联的箱码(不同箱码用分号分开,相同箱码用逗号分开) 关联数量
## 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(); } sql:

    
    

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

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

相关文章

  • 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
  • EasyUI 数据表格datagrid列自适应内容宽度(不需重新加载表格)

    摘要:项目初期在加载数据表格的时候为了提高表格数据渲染速度,设置了默认宽度。现需求需要加一个表格自适应的功能,触发改功能,改变列宽度,但是不重新渲染表格,不发生数据请求。设计思路,遍历每项的所有数据,比较字节符串长度,取最大长度。 项目初期在加载数据表格的时候为了提高表格数据渲染速度,设置了默认宽度。现需求需要加一个表格自适应的功能,触发改功能,改变列宽度,但是不重新渲染表格,不发生数据请求...

    FrozenMap 评论0 收藏0
  • EasyUIDataGrid动态参数的实现

    摘要:在的表头列特别多的情况下,不可能一个个的手写,这时就需要使用动态创建的方式,把表头列创建出来。正在加载,请稍候组装动态参数,可以是后台返回的注意是数组对象,不能采用拼接字符串的方式构造应采用下面方式进行构造设备型号 在datagrid的表头列特别多的情况下,不可能一个个的手写,这时就需要使用动态创建的方式,把表头列创建出来。 下面是datagrid中columns的格式 col...

    骞讳护 评论0 收藏0

发表评论

0条评论

fnngj

|高级讲师

TA的文章

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