jQuery MiniUI

标题: 遇到一个datagrid提交时候的问题 [打印本页]
作者: 我就是Zel    时间: 2018-8-21 09:27:49     标题: 遇到一个datagrid提交时候的问题

datagrid里面设置了勾选最多只能12条 超过12条勾选第13条数据的时候直接在js里面取消勾选，但是显示是已经取消勾选了，点击提交的时候第13条还是会被提交上去，怎么解决？谢谢附图：
[attach]11246[/attach]
js代码：
  1. var grid = mini.get("datagrid");
  2.         var quickCount = 0;
  3.         grid.load();
  4.         initQuick();


  7.         grid.on("select", function () {
  8.             quickCount++;
  9.             if (quickCount > 12) {
  10.                 mini.alert("最多只能选取12个快捷功能！");
  11.                 e.deselect();
  12.             }
  13.         });

  15.         //grid.on("beforeselect", function (e) {
  16.         //    if (quickCount > 12) {
  17.         //        e.deselect();
  18.         //    }
  19.         //});

  21.         grid.on("deselect", function () {
  22.             quickCount--;
  23.         });
复制代码


作者: felt    时间: 2018-8-21 10:11:44

请不要按你的想象来写代码
阻止选择请在onbeforeselect事件中处理
grid.on("beforeSelect",function(e){
     var selects=grid.getSelecteds();
     if(selects.length>=12){
            e.cancel=true;
     }
})
作者: 我就是Zel    时间: 2018-8-21 10:17:20

felt 发表于 2018-8-21 10:11
请不要按你的想象来写代码
阻止选择请在onbeforeselect事件中处理
grid.on("beforeSelect",function(e){

您这样的话 都没法取消再选择别的了么
作者: felt    时间: 2018-8-21 10:40:05

我就是Zel 发表于 2018-8-21 10:17
您这样的话 都没法取消再选择别的了么

当然可以
作者: 我就是Zel    时间: 2018-8-21 10:49:25

felt 发表于 2018-8-21 10:40
当然可以

[attach]11247[/attach]
我这不管怎么点都取消不掉上面的钩子，我把我代码贴上 麻烦大佬帮我看看 谢谢
html：
  1. <div id="editWindow" class="mini-window" title="选择需要的快捷功能" style="width: 400px; height: 500px" showmodal="true"
  2.          allowresize="false" allowdrag="true" showfooter="true">
  3.         <div class="mini-fit">
  4.             <div id="datagrid" class="mini-datagrid" pagesize="100" style="width: 100%; height: 100%;" showemptytext="true" emptytext="未找到相应数据"
  5.                  idfield="ml_id" multiselect="true" allowmovecolumn="false" sizelist="[10,20,50,100]" allowUnselect="true"
  6.                  url="../Controllers/System/QuickMenuAction.ashx?method=GetMenuList">
  7.                 <div property="columns">
  8.                     <div type="checkcolumn" width="20"> </div>
  9.                     <!--<div type="indexcolumn" align="center" headeralign="center" width="20">序号</div>-->
  10.                     <div field="ml_name" width="80" headeralign="center" align="center">
  11.                         功能名称
  12.                     </div>
  13.                 </div>
  14.             </div>
  15.         </div>
  16.         <div property="footer" style="text-align: center; padding: 5px;">
  17.             <a class="mini-button btnSave" iconcls="icon-ok" onclick="Save()">确定</a>
  18.             <span class="btnSave" style="display: inline-block; width: 25px;"></span>
  19.             <a class="mini-button" iconcls="icon-cancel" onclick="Close()">关闭</a>
  20.         </div>
  21.     </div>
复制代码
js：
  1.         var eWin = mini.get("editWindow");
  2.         var grid = mini.get("datagrid");
  3.         var quickCount = 0;
  4.         grid.load();
  5.         initQuick();


  8.         grid.on("select", function () {
  9.             quickCount++;
  10.             if (quickCount > 12) {
  11.                 //mini.alert("最多只能选取12个快捷功能！");
  12.                 mini.alert(quickCount);
  13.             }
  14.         });


  17.         grid.on("beforeSelect", function (e) {
  18.             var selects = grid.getSelecteds();
  19.             if (selects.length >= 12) {
  20.                 e.cancel = true;
  21.             }
  22.         })

  24.         grid.on("deselect", function () {
  25.             quickCount--;
  26.         });


  29.         function editShow() {
  30.             initEwin();
  31.             eWin.show();

  33.         }
  34.         function Close() {
  35.             grid.clearSelect();
  36.             quickCount = 0;
  37.             eWin.hide();
  38.         }

  40.         function Save() {
  41.             var rows = grid.getSelecteds();
  42.             $.ajax({
  43.                 url: "../Controllers/System/QuickMenuAction.ashx?method=AddOrEditList",
  44.                 anysc: false,
  45.                 type: "POST",
  46.                 data: {
  47.                     rows: mini.encode(rows)
  48.                 },
  49.                 success: function (text) {
  50.                     var o = mini.decode(text);
  51.                     if (o.return_code = "Success") {
  52.                         mini.alert("操作成功");
  53.                         eWin.hide();
  54.                         initQuick();
  55.                     }
  56.                 },
  57.                 error: function (jqXHR, textStatus, errorThrown) {
  58.                     mini.alert(jqXHR.responseText);
  59.                 }
  60.             });
  61.             grid.clearSelect();
  62.             quickCount = 0;
  63.         }

  65.         function initQuick() {
  66.             $.ajax({
  67.                 url: "../Controllers/System/QuickMenuAction.ashx?method=GetQuickList",
  68.                 type: "post",
  69.                 dataType: "json",
  70.                 success: function (res) {
  71.                     var count = res.qm_Count;
  72.                     var s = '';
  73.                     if (count > 0) {
  74.                         var ids = res.qm_MenuIds.split(",");
  75.                         var names = res.qm_Names.split(",");
  76.                         var urls = res.qm_Urls.split(",");
  77.                         var icons = res.qm_Icons.split(",");
  78.                         for (var i = 0; i < count; i++) {
  79.                             s += '<a onclick="AddTab(\'' + ids[i] + '\',\'' + names[i] + '\',\'' + urls[i] + '\',\'' + icons[i] + '\')"><div class="depart"><div class="img ' + icons[i] + '"></div><p>' + names[i] + '</p></div></a>';
  80.                         }
  81.                         $('.depart1').empty().append(s);
  82.                     }
  83.                     else {
  84.                         $('.depart1').empty().append(s);
  85.                     }

  87.                 },
  88.                 error: function (jqXHR, textStatus, errorThrown) {
  89.                     alert(jqXHR.responseText);
  90.                 }
  91.             });
  92.         }

  94.         function initEwin() {
  95.             $.ajax({
  96.                 url: "../Controllers/System/QuickMenuAction.ashx?method=GetQuickList",
  97.                 type: "post",
  98.                 dataType: "json",
  99.                 success: function (res) {
  100.                     quickCount = 0;
  101.                     var uids = res.qm_Uids.split(",");
  102.                     var count = res.qm_Count;
  103.                     if (count > 0) {
  104.                         //quickCount = count;
  105.                         for (var i = 0; i < count; i++) {
  106.                             grid.setSelected(uids[i]);
  107.                         }
  108.                     }
  109.                 },
  110.                 error: function (jqXHR, textStatus, errorThrown) {
  111.                     alert(jqXHR.responseText);
  112.                 }
  113.             });
  114.         }
复制代码


作者: felt    时间: 2018-8-21 11:24:38

我就是Zel 发表于 2018-8-21 10:49
我这不管怎么点都取消不掉上面的钩子，我把我代码贴上 麻烦大佬帮我看看 谢谢
html：
js：

[attach]11248[/attach]本地测试，未发现问题，可以正常取消选中



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2