leftso 91 0 2019-09-20 11:34:59

文章位置:左搜> 编程技术> WEB前端基础> 正文
Bootstrap Table
Bootstrap Table


Bootstrap Table 多选以及获取多选值实现

本文主要讲解在bootstrap table组建使用过程中,配置多选和获取多选选中的值。

首先是配置Bootstrap Table 多选

$('#tableId').bootstrapTable({
 //****省略其他配置******
 singleSelect:false,//是否单选,false表示多选;true标识只能单选
 clickToSelect: true,//启用点击某行就选中某行
 columns:[
 {field: 'chk', checkbox: true},//注意这里的field尽量不用返回数据的字段名,否则后面获取选中值的时候会把该字段的值变为true或者false
 //*****其他字段省略****        
 ]
})

获取Bootstrap Table 多选选中值

var selected = $('#tableId').bootstrapTable('getSelections');
//返回值为数据对象数组
if(selected&&selected.length>0){
//非空数组时候进行的操作
  $.each(selected,function(index,item){
    console.log(item);
  })
}else{
//空数组的操作
}