zoukankan      html  css  js  c++  java
  • miniUI-SelectGrid 弹出选择表格-翻页选中

    介绍

    mini中已经给出 弹出表格的里例子 :MiniUi版本

    但是在应用过程中遇到写小问题就是没有办法翻页后一并连之前翻页选中的一起提交

    以下是解决方案

    正文

    下面首先介绍  JS 代码

        //存储已经选中的元素
        var selectMaps = [];
        //获得表格
        var grid = mini.get("gridSelect");
        //在表格加载的时候激发事件
        function onGridLoad(e) {
            var rows = selectMaps[grid.getPageIndex()];
            if (rows) {
                for (var i = 0; i < grid.data.length; i++) {
                    for (var j = 0; j < rows.length; j++) {
                        if (grid.data[i].Id == rows[j].Id) {
                            grid.setSelected(grid.getRow(i));
                        }
                    }
                }
            }
            else {
                setChose();
            }
        }
        //获得选中数据
        function getData() {var rowss = [];
            for (var i = 0; i < selectMaps.length; i++) {
                var irow = selectMaps[i];
                for (var j = 0; j < irow.length; j++) {
                    rowss.push(irow[j]);
                }
            }
            return rowss;
        }
        //在选中元素的时候激发的事件
        function onSelectoinChanged(e) {
            var rows = grid.getSelecteds();
            selectMaps[grid.getPageIndex()] = rows;
        }
    
        function setChose() {
            //根据条件获取行数组(示例获取“男”,也可以获取id,改变条件即可)
            var rows = grid.findRows(function (row) {
                if (row.IsSelect === "1") return true;
                else return false;
            });
            grid.selects(rows);
        }

    还要将 时间加到Gird 的 属性中  分别是:

    onload="onGridLoad"
    
    onselectionchanged="onSelectoinChanged" 
    

      

    名称:多罗贝勒
    博客地址:http://www.cnblogs.com/objctccc/
    欢迎转载

  • 相关阅读:
    使用vue-cli脚手架搭建简单项目框架
    总结HTML5
    导出网页内容
    vue 编写插件
    各ui库项目结构
    webpack 模块方法
    webpack4.0
    webapp优化
    http/2.0与http/1.1的区别
    setTimeout与Promise的区别
  • 原文地址:https://www.cnblogs.com/objctccc/p/4644655.html
Copyright © 2011-2022 走看看