ag-grid实时监测复选框变化

摘要:
@selectionchanged=“onSelectionChanged”<ag grid vueclass=“tableag theme balham”v-show=“isSee”id=“myGrid”:rowData=“rowData”:
监测复选框变化

 1.最终效果:

    点击复选框,页面显示已选中多少条

  ag-grid实时监测复选框变化第1张 ag-grid实时监测复选框变化第2张

     2. 实现步骤:

    1. 在ag-grid中添加: @selection-changed="onSelectionChanged"

        <ag-grid-vue
                class="table ag-theme-balham"
                v-show="isSee"
                id="myGrid"
                :columnDefs="columnDefs"
                :rowData="rowData"
                :sideBar="sideBar"
                :enableColResize="true"
                row-selection="multiple"
                @selection-changed="onSelectionChanged"
                @gridReady="onGridReady"
                :tooltipShowDelay="tooltipShowDelay"
                :localeText="localeText"
                :height="tableMaxHeight"
        >
        </ag-grid-vue>

    2. 在methods中添加方法

    //监测复选框选中的个数
    onSelectionChanged(){
      var selRows = this.gridApi.getSelectedRows();
      this.selectedData = selRows.length;
    }

    3. 页面显示样式

  ag-grid实时监测复选框变化第3张

    

免责声明:文章转载自《ag-grid实时监测复选框变化》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Ubuntu下安装Matlab步骤MAC OS 如何安装命令行工具:Command Line Tools下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

python 连接informix

参考地址:https://github.com/OpenInformix/IfxPy 1. 下载安装  Informix Client SDK     地址:链接:https://pan.baidu.com/s/1CXMkwUnhRl4StrhPJ4n5fw      提取码:     解压,执行可执行文件即可 2. 安装IfxPy模块     pip i...

HideProcess

1 #ifndef CXX_HIDEPROCESS_H 2 # include "HideProcess.h" 3 #endif 4 5 6 7 #ifdef _WIN64 8 #define ActiveProcessLinksOffset_EPROCESS 0x188 9 #define ImageFileName...

撩课-Web大前端每天5道面试题-Day4

1. 如何实现瀑布流? 瀑布流布局的原理: 1) 瀑布流布局要求要进行布置的元素等宽, 然后计算元素的宽度, 与浏览器宽度之比,得到需要布置的列数; 2) 创建一个数组,长度为列数, 里面的值为已布置元素的总高度(最开始为0); 3) 然后将未布置的元素依次布置到高度最小的那一列, 就得到了瀑布流布局; 4) 滚动加...

Bitmap转灰度字节数组byte[]

工作中遇到图片转灰度数组的须要,经过研究和大神的指导。终于得到例如以下两个方法。能够实现位图转灰度数组 简单的位图转灰度数组就是:得到位图中的每一个像素点,然后依据像素点得到RGB值,最后对RGB值,依据灰度算法得到灰度值就可以 /*如一张480*800的图片,终于得到一个byte[480*800/2]的灰度数组,由于函数把每两个相邻高的像素灰度转化为...

HTML Img标签 src为网络地址无法显示图片问题解决(https)

举例说明: <img src="https://pic.cnblogs.com/avatar/1549846/20191126100502.png" alt="加载失败"> 图片无法显示 只需要在<head>标签内添加 <meta name="referrer" content="no-referrer">就可以了 1...

[渣译文] 使用 MVC 5 的 EF6 Code First 入门 系列:MVC程序中实体框架的Code First迁移和部署

这是微软官方SignalR 2.0教程Getting Started with Entity Framework 6 Code First using MVC 5 系列的翻译,这里是第五篇:MVC程序中实体框架的Code First迁移和部署 原文:Code First Migrations and Deployment with the Entity F...