jfinal layui 多选传值问题整理

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

使用layui在显示数据表格进行多选的时候遇到的几个问题：

1、增加监听，让你的数据表格可以进行复选。

layui.use('table', function(){
var $ = layui.jquery;
var table = layui.table; //监听表格复选框选择
table.on('checkbox(table)', function(obj){
console.log(obj)
});

2、获取选择的项，这里注意几点，

1、table.checkStatus('tablelist') 这里的tablelist是定义的table id

2、使用 checkStatus.data 来获取数据，数据格式为数组

3、定义数组 ids 来存放id的时候，首先要初始化 var ids=[]; 设置为数组

4、ids增加id的时候推荐使用push,删除id 使用pop

$("#sync").on('click',function () {
var checkStatus = table.checkStatus('tablelist'),data = checkStatus.data;
var ids=[];
for(var i=0;i<data.length;i++){
ids.push(data[i].id);
}
console.log(ids);
$.ajax({
type : 'post',
url : '/goController/methon',
data:{ids:ids},
success : function(response){
parent.layer.alert(response.msg);
},
error : function (response) {
parent.layer.alert(response.msg);
}
});
});