亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

layui獲取選中行數(shù)據(jù)的實例講解

 更新時間:2018年08月19日 13:43:57   作者:BooleanIsTrue  
今天小編就為大家分享一篇layui獲取選中行數(shù)據(jù)的實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

第一步: 在jsp文件中設置按鈕

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

 <button class="layui-btn" data-type="getCheckData">獲取選中行數(shù)據(jù)</button>
 <button class="layui-btn" data-type="getCheckLength">獲取選中數(shù)目</button>
 <button class="layui-btn" data-type="isAll">驗證是否全選</button>
</div>

第二步:在jsp文件中創(chuàng)建表格

<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}">職業(yè)</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,監(jiān)聽事件

<script>
layui.use('table', function(){
 var table = layui.table;
 
 var $ = layui.$, active = {
  getCheckData: function(){ //獲取選中數(shù)據(jù)
   var checkStatus = table.checkStatus('idTest')
   ,data = checkStatus.data;
   layer.alert(JSON.stringify(data));
  }
 };
</script>

以上這篇layui獲取選中行數(shù)據(jù)的實例講解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • 微信小程序如何獲取地址

    微信小程序如何獲取地址

    這篇文章主要介紹了微信小程序獲取地址的具體方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • js中confirm實現(xiàn)執(zhí)行操作前彈出確認框的方法

    js中confirm實現(xiàn)執(zhí)行操作前彈出確認框的方法

    這篇文章主要介紹了js中confirm實現(xiàn)執(zhí)行操作前彈出確認框的方法,是執(zhí)行刪除等操作時常用的功能,非常具有實用價值,需要的朋友可以參考下
    2014-11-11
  • JS面向對象編程淺析

    JS面向對象編程淺析

    下面就結合我自己的體會和所學習的東東和大家一起來學習在JS中如何使用面向對象的編程。
    2011-08-08
  • 分享9點個人認為比較重要的javascript 編程技巧

    分享9點個人認為比較重要的javascript 編程技巧

    接觸和學習javascript也有3~4年了,真正牽扯到前后臺數(shù)據(jù)的交互,數(shù)據(jù)算法等高級編程知之甚少,甚至很少用,如果你問我你知道js什么知識呢?我可能只能說知道點jQuery的技巧,說編程都談不上,所以需要把某一些技巧作為編程習慣固定下來,免于以后有人問我你知道什么?
    2015-04-04
  • 輕松掌握JavaScript策略模式

    輕松掌握JavaScript策略模式

    這篇文章主要幫助大家輕松掌握JavaScript策略模式,什么是js策略模式,感興趣的小伙伴們可以參考一下
    2016-08-08
  • 詳解JS正則replace的使用方法

    詳解JS正則replace的使用方法

    這篇文章主要為大家詳細介紹了javascript正則replace的使用方法,感興趣的朋友可以參考一下
    2016-03-03
  • 常見瀏覽器多長時間會提示“腳本運行時間過長”總結

    常見瀏覽器多長時間會提示“腳本運行時間過長”總結

    這篇文章主要介紹了常見瀏覽器多長時間會提示“腳本運行時間過長”總結,需要的朋友可以參考下
    2014-04-04
  • JavaScript變量基本使用方法實例分析

    JavaScript變量基本使用方法實例分析

    這篇文章主要介紹了JavaScript變量基本使用方法,結合實例形式分析了JavaScript變量的類型、使用注意事項及命名規(guī)范,需要的朋友可以參考下
    2019-11-11
  • JS控件的生命周期介紹

    JS控件的生命周期介紹

    JS控件的生命周期跟其他平臺UI的生命周期類似,但是又有自己的特點,我們只有將控件的生命周期劃分清晰,所有的控件編寫、mixins的編寫和plugin的編寫才能遵循控件的生命周期做統(tǒng)一的管理
    2012-10-10
  • ES6中字符串string常用的新增方法小結

    ES6中字符串string常用的新增方法小結

    這篇文章主要介紹了ES6中字符串string常用的新增方法,結合實例形式總結分析了ES6中字符串string常用的新增方法功能與使用技巧,需要的朋友可以參考下
    2017-11-11

最新評論