楼主: Goldfish

datagrid通过setData数据页码、翻页、数据统计无效 [复制链接]

miniui_myc

注册会员

Rank: 2

11^#

发表于 2016-5-10 11:19:02 |只看该作者

本帖最后由 miniui_myc 于 2016-5-10 11:24 编辑

dforce 发表于 2016-5-9 12:31
如果你改动了数据来源，为什么会有问题
如果你解决不掉，请提供重现，让我们本地查看处理 ...

<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="../../include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>命题人详细信息</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="${pageContext.request.contextPath}/js/boot.js" type="text/javascript"></script>

<style type="text/css">
         body{
            margin:0;padding:0;border:0;width:100%;height:100%;overflow:visible;
         }
</style>
</head>
<body>
      <div class="mini-toolbar" id="headnav">
            <span>评价</span>
      </div>
</div>
      <div id="datagrid1" class="mini-datagrid" sizeList="[20,30,50,100]" showLoading="false"
            pageSize="30" idField="pkId" style="width:100%;height:75%;">
      <div property="columns">
            <div type="indexcolumn" headerAlign="center" align="center" width="5%">序号</div>
                     <div field="colTime" headerAlign="center" align="center" width="10%">时间</div>
                     <div field="colContent" headerAlign="center" align="left">评价内容</div>
                     
      </div>
</div>
</body>
<script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid1");

var json = '${valuationlistjson}';
var dataResult = mini.decode(json);

// 分页填充细节处理
function fillData(pageIndex, pageSize, data, grid) {
      var totalCount = data.length;
      var arr = [];
         var record = null;
      var start = pageIndex * pageSize, end = start + pageSize;
      for (var i = start, l = end; i < l; i++) {
         record = data;
         if (!record) continue;
         arr.push(record);
      }

      grid.setTotalCount(totalCount);
      grid.setPageIndex(pageIndex);
      grid.setPageSize(pageSize);

      grid.setData(arr);
}

      // 监听分页前事件，阻止后自行设置当前数据和分页信息
grid.on("beforeload", function (e) {
      e.cancel = true;
            var params = e.params;
            if(params==null) params = e.data;
      var pageIndex = params.pageIndex, pageSize = params.pageSize;

      fillData(pageIndex, pageSize, dataResult, grid);
});

// 第一次设置
fillData(0, grid.getPageSize(), dataResult, grid);

</script>
</html>

注：传过来的json数据是直接把数据库中查出来的list转成json传过来的，没有添加total和data属性，浏览器是IE11，现在这个可以正常加载和翻页，showLoading="false"如果把这个属性置为true翻页加载完数据后会卡在loading处无法消失