第一步: 在jsp文件中设置按钮

<div class="layui-btn-group demoTable">

<button class="layui-btn" data-type="getCheckData">获取选中行数据</button>
  <button class="layui-btn" data-type="getCheckLength">获取选中数目</button>
  <button class="layui-btn" data-type="isAll">验证是否全选</button>

</div>

第二步 在jsp文件中创建表格

<table class="layui-table" lay-data="{width: 892, height:332, url:'/demo/table/user/', page:true, id:'idTest'}" lay-filter="demo">
  <thead>
    <tr>
      <th lay-data="{type:'checkbox', fixed: 'left'}"></th>
      <th lay-data="{field:'id', width:80, sort: true, fixed: true}">ID</th>
      <th lay-data="{field:'username', width:80}">用户名</th>
      <th lay-data="{field:'sex', width:80, sort: true}">性别</th>
      <th lay-data="{field:'city', width:80}">城市</th>
      <th lay-data="{field:'sign', width:160}">签名</th>
      <th lay-data="{field:'experience', width:80, sort: true}">积分</th>
      
      <th lay-data="{field:'classify', width:80}">职业</th>
      <th lay-data="{field:'wealth', width:135, sort: true}">财富</th>
      <th lay-data="{field:'score', width:80, sort: true, fixed: 'right'}">评分</th>
      <th lay-data="{fixed: 'right', width:178, align:'center', toolbar: '#barDemo'}"></th>
    </tr>
  </thead>
</table>

第三步 写js,监听事件

<script>
layui.use('table', function(){
  var table = layui.table;
  
  var $ = layui.$, active = {
    getCheckData: function(){ //获取选中数据
      var checkStatus = table.checkStatus('idTest')
      ,data = checkStatus.data;
      layer.alert(JSON.stringify(data));
    }
  };
</script>

layui获取选中行数据相关推荐

  1. asp.net DataGrid GridView 表格之选中行与获取选中行数据

    一.GridView 表格之选中行 asp.net选中行的功能最初以为只能通过属性中AllowGenerateSelectButton(运行时是否自动生成选择按钮)来实现,需要点击生成的选择按钮来操作 ...

  2. CListCtrl(clistctrl获取选中行数据)

    如何获取CListCtrl当前选中的行 方法一: 单选的情况下 GetNextItem(-1,LVIS_SELECTED); 方法二:单选的情况下 如果只允许单选,只需要调用成员函数GetSelect ...

  3. gridview获取选中行数据_Word转Excel，不想熬夜加班，那就掌握这个数据清洗方法...

    私信回复关键词[福利]~ 获取丰富办公资源,助你高效办公早下班! 小伙伴们,大家好,我是专治各种疑难杂「数」的农夫~ 今天,我就为大家介绍一种高效的数据清洗方法,助你告别熬夜加班,拥抱美好的夜晚时光~ ...

  4. clistctrl获取选中行数据_自动化报表——课程3：数据清洗

    第三节课我们学习Power Query数据清洗. 实际上,不管你是否用到Power BI,只要你和数据打交道,都应该学会Power Query.作为Excel近年来的伟大发明,Power Query被 ...

  5. clistctrl获取选中行数据_大神，Excel数据怎么对比？

    在实际工作中,我们时常需要对比数据之间的差异,那你一般是如何对比呢?本期小编与大家分享有关数据对比的方法. @所有人,本周有一个重要知识点,马上点击学习↓ 七个实用小技巧,TA好我也好 1.同一表格两 ...

  6. clistctrl获取选中行数据_Power Query基础6：筛选、排序、删重复行

    本文通过一个例子,综合体现常用的数据筛选.排序.删重复行的操作方法.数据样式及要求如下: 要求: 1.       剔除状态为"已取消"的合同: 2.      对合同按合同号.协 ...

  7. datagridview获取选中行数据

    var dataselect = this.dataGridView1.SelectedRows;//判断是否选中数据if (dataselect.Count > 0){//第一行colunm命 ...

  8. 如何获取layui表格选中行的数据

    在项目中有很多涉及到表格的模块,有时候当你需要保存数据的时候,而这些数据都在表格中你却获取不到,这就让人很苦恼了,所以下面就讲下如何获取layui表格中选中行的数据, 注意这里只是layui表格的获取 ...

  9. datagridview 获取选中行号 数据，判断是不是选中了一行

    datagridview 获取选中行号 数据,判断是不是选中了一行 if (cc.dataGridView1.SelectedRows.Count > 0)//小于等于0 为没有选中任何行    ...

最新文章

  1. 华为硬件笔试 通用器件知识2_华为硬件笔试题(最新版)
  2. 计算机网络管理员五级试题,计算机网络管理员考试试题库和答案.doc
  3. [ERROR] org.testng.TestNGException:Cannot find class in classpath:
  4. powershell 遍历json_使用PowerShell处理JSON字符串
  5. XNA中的Render State管理
  6. 处理大并发之四 libevent demo详细分析（对比epoll）
  7. 3-1numpy基本操作
  8. SpringBoot @Cacheable缓存入门程序
  9. 编辑视频贴纸软件_视频特效编辑软件下载-视频特效编辑器下载V10.9.93-西西软件下载...
  10. 一行命令搞定node.js 版本升级
  11. 软件项目开发与管理（单代号网络图参考例题）
  12. 推荐几款优质 Mac 软件下载网站 - 从此告别软件荒
  13. macbook卡在进度条开不了机_解决MacBook Pro开机卡死在进度条无反应，进不去桌面...
  14. uni-app小程序分享
  15. 2020年等级计算机考试 二级MS Office
  16. 岑村小学辅导班老师体会有感
  17. 深度学习领域引用量最多的前20篇论文简介
  18. python批量删除文件前缀名_Python3-去除目录中相同的文件名前缀
  19. php 使用dataview,jquery dataview数据视图插件使用方法
  20. 【IP地址】IP地址与子网划分

热门文章

  1. 华为手机android7价格,价格坚挺的国产之光——华为NOVA 7 SE 5G手机开箱
  2. MacOS Monterey 12.4 (21F79) OC 0.8.0 / Cl 5146 / PE 三分区原版黑苹果镜像
  3. signal 阻塞与屏蔽
  4. linux signal用法,Linux 信号 signal 用法详解及注意事项
  5. 蓝牙追踪_如何使用蓝牙追踪器跟踪您的东西
  6. 探讨顶级 Layer 1 智能合约区块链的代币经济学
  7. oracle wallet,Oracle Wallet的使用
  8. Elasticsearch之Mapping设置详解
  9. nc oracle 导入工具,Oracle Instanc Client安装命令工具
  10. 磁链Ψ、磁通φ、磁势F