datagrid 翻页多选后，点击翻页按钮，已经选中的数据不勾选

miniui_1989

我参考翻页选中的例子，用一个变量把选中存放着 http://www.miniui.com/demo/#src=buttonedit/selectGrid_Multi3.html

做了一个多选的效果页面，结果翻页时会丢失selectMap页中的选中数据。

felt

检查一下，你是不是翻页的时候把selectmap清空了

miniui_1989

felt 发表于 2015-3-24 14:39
检查一下，你是不是翻页的时候把selectmap清空了

监控一下，看到的情况是这样的：有四页数据，按下一页按钮，前三页各选一条数据，selectmap[0],[1],[2]都有数据，在从第四页按上一页按钮时，selectmap[0],[1],[2]还存在，但是选中数据没有了。每次翻页都会重新load的，不清楚哪里清空的。

felt

miniui_1989 发表于 2015-3-24 15:19
监控一下，看到的情况是这样的：有四页数据，按下一页按钮，前三页各选一条数据，selectmap[0],[1],[2]都 ...

提供代码，我本地看一下

miniui_1989

felt 发表于 2015-3-24 15:32
提供代码，我本地看一下

add.js

1. /**
   
2. *
   
3. */
   
4. mini.parse();
   
5. var zqyldg=mini.get("fzcyGridList");
   
6. var depID;
   
7. var depName;
   
8. var ztID;
   
9. var ztName;
   
10. 
    
11. //设置新增窗口部门名称的选中值来自页面传递的depID
    
12. var addDeptName = mini.get("ALERS0303");
    
13. // 获取表单数据
    
14. var cxxzForm = new mini.Form("#search4AddForm");
    
15. 
    
16. var ZFZTCODE =mini.get("ZFZTCODE");
    
17. var ZFZTNAME =mini.get("ZFZTNAME");
    
18. ////////////////////////////////////////////////////
    
19. setData();
    
20. function setData(){
    
21.   var Selected=window.Owner.getGridSelected();
    
22.    depID=Selected.BASE0521;
    
23.    ztID=Selected.BASE0520;
    
24.    depName=Selected.BASE0522;
    
25.    ztName=Selected.BASE0501;
    
26.    /////////////////////////////
    
27.    addDeptName.setValue(depID);
    
28.    //职权主体是大的部门还是小的主体,--小的主体
    
29.    ZFZTNAME.setValue(ztName);
    
30.    ZFZTCODE.setValue(ztID);
    
31.    
    
32.    // 提交数据
    
33.    var cxzqData = cxxzForm.getData();
    
34.    var cxzqJson = mini.encode([ cxzqData ]);
    
35.    var loadFlag = "1";//点击新增时加载标识
    
36.   zqyldg.load({
    
37.     cxzqJson : cxzqJson,
    
38.     loadFlag :"1",
    
39.     depID : depID,
    
40.     ztID : ztID
    
41.   });
    
42. }
    
43. 
    
44. function searchZfzq4Add(){
    
45. 
    
46.   // 获取表单数据
    
47.   var cxxzForm = new mini.Form("#search4AddForm");
    
48. 
    
49.   // 表单验证
    
50.   cxxzForm.validate();
    
51.   if (cxxzForm.isValid() == false) {
    
52.       return;
    
53.   }
    
54. 
    
55.   // 提交数据
    
56.   var cxzqData = cxxzForm.getData();
    
57.   var cxzqJson = mini.encode([ cxzqData ]);
    
58. 
    
59.   // 向后台提交数据
    
60.   zqyldg.load({
    
61.       cxzqJson : cxzqJson,
    
62.       loadFlag : "2"
    
63.   });
    
64. }
    
65. 
    
66. 
    
67. function add(){
    
68.   depID = addDeptName.getValue();
    
69.   depName = addDeptName.getText();
    
70.   ztID = ZFZTCODE.getValue();
    
71.   ztName =ZFZTNAME.getValue();
    
72. 
    
73.   ///////////////////////////////
    
74.   var rows=GetAllSelecteds();
    
75.   if (rows.length > 0) {
    
76. 
    
77.     var gridData=mini.encode(rows);
    
78. 
    
79.     zqyldg.loading("操作中，请稍候......");
    
80.   // 处理数据
    
81.     $.ajax({
    
82.       url : "/zfzrz/zfzq/zfzqservice/addztzq?theme=none",
    
83.       type : "post",
    
84.       data : {
    
85.         selData : gridData,
    
86.         depID : depID,
    
87.         depName : depName,
    
88.         ztID : ztID,
    
89.         ztName : ztName
    
90.       },
    
91.       success : function(detext) {
    
92.           var data = mini.decode(detext);
    
93.           mini.alert(data.info);
    
94.           // 重新载入数据列表
    
95.           zqyldg.reload();
    
96.           window.Owner.zqyldg.reload();
    
97.         },
    
98.         error : function() {
    
99.         }
    
100.       });
     
101.     } else {
     
102.      mini.alert(MessageUtil("MSGG005"));
     
103.     }
     
104. }
     
105. /**
     
106. * 关闭基本信息窗口
     
107. *
     
108. * @param action
     
109. * @returns
     
110. */
     
111. function CloseWindow() {
     
112.         window.CloseOwnerWindow();
     
113. }
     
114. 
     
115. 
     
116. /////////////////////////////////////
     
117. //重写(参考，几乎没变)
     
118. function GetSelecteds() {
     
119.   var rows = zqyldg.getSelecteds();
     
120.   return rows;
     
121. }
     
122. 
     
123. var selectMaps = {};
     
124. function GetAllSelecteds() {
     
125.   var data = [];
     
126.   for(var pageIndex in selectMaps){
     
127.       var rows = selectMaps[pageIndex];
     
128.       data.addRange(rows);
     
129.   }
     
130.   return data;
     
131. }
     
132. function GetData() {
     
133.   var rows = GetAllSelecteds();
     
134.   var ids = [],lers0301s = [];
     
135.   for (var i = 0, l = rows.length; i < l; i++) {
     
136.       var row = rows[i];
     
137.       ids.push(row.RECORDID);//获取翻页选中的RECORDID列表
     
138.       lers0301s.push(row.LERS0301);//获取翻页选中的编号列表
     
139.   }
     
140.   var data = {};
     
141.   data.RECORDID = ids.join(",");
     
142.   data.LERS0301 = lers0301s.join(",");
     
143.   return data;
     
144. }
     
145. ////////////////////////////////////////////
     
146. function onGridLoad(e) {
     
147.   var rows = selectMaps[zqyldg.getPageIndex()];
     
148.   if(rows) zqyldg.selects(rows);
     
149. }
     
150. function onSelectoinChanged(e) {
     
151.   var rows =zqyldg.getSelecteds();
     
152.   selectMaps[zqyldg.getPageIndex()] = rows;
     
153. }

复制代码

add.jsp
<body>
  <div style="margin: 5px">
    <fieldset >
      <legend>
      <span class="mini-button-span">查询条件</span>
      </legend>
      <div id="search4AddForm" class="fieldset-body">
        <table class="form-table" border="0" cellpadding="2" cellspacing="5">
          <tr>
            <td class="form-label" style="text-align: right;width: 80px;"
              nowrap="nowrap">部门：
              <!-- 主体编号 -->
              <input id="ZFZTCODE" name="ZFZTCODE" class="mini-hidden" />
              <!-- 主体名称 -->
              <input id="ZFZTNAME" name="ZFZTNAME" class="mini-hidden" />
              </td>
            <td><input id="ALERS0303" name="ALERS0303"
              class="mini-combobox" allowInput="true" valueFromSelect="true" style="width: 200px;"
              textField="name" valueField="id"
              url="/zfzrz/zfzq/zfzqservice/getbranchlist4combobox?theme=none"
              showNullItem="false" nullItemText="" allowInput="true"/></td>
              <td nowrap="nowrap">行为：</td><td><input id="ALERS0302" name="ALERS0302"
              class="mini-textbox" style="width: 150px;" vtype="sign" /></td>
            <td style="width:100%;text-align: right;"  ><a class="mini-button"
              iconCls="icon-find" onclick="searchZfzq4Add" ><span class="mini-button-span">查询</span></a>
            </td>
          </tr>
        </table>
      </div>

    </fieldset>
  </div>
<div class="mini-fit">
            <div class="mini-toolbar" style="height: 20px;" borderStyle="border:0px;">
              <span class="mini-button-span">职权列表(亲，您方便加好友吗，我qq：1071745437.)</span>
            </div><!-- allowCellEdit="true" allowCellSelect="true" allowCellValid="true" allowResizeColumn="true"  allowAlternating="true"  -->
            <div class="mini-fit" style="margin: 0px 0px 0px 0px">
              <div id="fzcyGridList" class="mini-datagrid" style="width: 100%; height: 100%;"
               url="/zfzrz/zfzq/zfzqservice/getztzqbyaddgridlist/add?theme=none" idField="id"
               allowResize="true"
                 multiSelect="true" totalField="Total" onselectionchanged="onSelectoinChanged" onload="onGridLoad">
                <div property="columns">
                  <%-- 复选框 --%>
                  <div type="checkcolumn" width="6%"></div>
                  <%-- 序号 --%>
                  <div type="indexcolumn" headerAlign="center" width="10%">序号</div>
                  <div field="RECORDID" visible="false"></div>
                  <%-- 成员姓名 --%>
                  <div field="LERS0301" name="LERS0301" headerAlign="center" width="45px"
                    align="left" allowSort="true">编号</div>
                  <%-- 部门 --%>
                  <div field="LERS0303" name="LERS0303" headerAlign="center"
                       width="100px"  align="left" allowSort="true">部门</div>
                  <%--名称 --%>
                  <div field="LERS0302" name="LERS0302" headerAlign="center" align="left"
                    allowSort="true">名称</div>
                 
                </div>
              </div>
            </div>
         <div style="text-align:center;">
             <a class="mini-button" plain="false" iconCls="icon-ok" onclick="add">
                <span class="mini-button-span">确定</span>
              </a>
              <span>&nbsp;</span>
              <a class="mini-button" plain="false" iconCls="icon-cancel" onclick="CloseWindow">
                <span class="mini-button-span">关闭</span>
              </a>
        </div>
        <div >&nbsp;</div>
          </div>
              <%=PathUtil.jsLink("com.bop.web.zfzrz", "/zfzq/js/addztzq.js")%>
</body>

felt

miniui_1989 发表于 2015-3-24 15:51
add.jsadd.jsp

  

光看存储选中的代码基本和我们示例一致，应该没有问题的
你先剥离其他和表格相关的代码看一下