国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

layui獲取選中行數據的實例講解

2019-11-19 13:13:01
字體:
來源:轉載
供稿:網友

第一步: 在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獲取選中行數據的實例講解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黑龙江省| 故城县| 黔江区| 衡东县| 思茅市| 太原市| 宜昌市| 巴里| 阿拉善左旗| 宁海县| 冷水江市| 泸西县| 秀山| 秦安县| 都兰县| 兴文县| 泰兴市| 永平县| 青神县| 呼伦贝尔市| 铅山县| 富民县| 登封市| 玉林市| 海原县| 汾阳市| 海门市| 江北区| 临汾市| 五台县| 兰坪| 当雄县| 庆元县| 精河县| 绥阳县| 深州市| 盘山县| 新乡市| 万载县| 长宁县| 镇宁|