layui获取选中行数据的实例讲解

前端之家收集整理的这篇文章主要介绍了layui获取选中行数据的实例讲解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

Box',fixed: 'left'}"> 用户名

<th lay-data="{field:'classify',width:80}">职业
<th lay-data="{field:'wealth',width:135,sort: true}">财富
<th lay-data="{field:'score',fixed: 'right'}">评分
<th lay-data="{fixed: 'right',width:178,align:'center',toolbar: '#barDemo'}">
</tr>

第三步:写js,监听事件

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));
}
};

以上这篇layui获取选中行数据的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章