bootstrapTable各项操作-bootstrap-table设置默认选定,选中某一行进行监视
原创1.列表单选
-
自定义单选还是多选
{field: selectItem, radio: source1 == task?true:false,checkbox : source1 == task?false:true},
-
选中的某一行
var that = this that.$table.check(function (data) { console.log(data,data) }
-
监听选中行数据
var list22222=$(#score-table)[0] list22222.addEventListener(click,function(){ var row=$("#score-table").bootstrapTable(getSelections); console.log(111111,row)//选中的行,list })
// 切换tab页,调用loadTable(传不同的id) function loadTable(id) { var id = id; $(.tab-content).html(
); Examine.$table = new Table(Examine.id, /examine/newList, Examine.initColumn()) .setPaginationType("client") .setSearch(false) .showToolbar(false) .setPageSize(20) .setMethod("post").init();
var obj = JSON.parse(sessionStorage.getItem("GET_SELECT_ROWDATA")) var idList = obj[id] //#score-table更换一下,表数据加载完成 $(#score-table).on(load-success.bs.table, function(data) { //设置默认值方法 console.log(data, data) // 默认选中行,注意:需要在表数据加载完成之后使用。 $(#score-table).bootstrapTable("checkBy", { field: id, values: idList }); //field:列数据名,比如后台传过的code,id,不用配置在表中,但是列表中应该有这个字段数据。 // values:要设置的默认值数组,字段id的list数组 }); var list22222 = $(#score-table)[0] //选中某一行的时候,进行监听 list22222.addEventListener(click, function() { var row = $("#score-table").bootstrapTable(getSelections); var idList = row.map((item) => { return item.id }) // 根据不同的tab页id,储存不同的数据 get_select_rowdata[id] = idList sessionStorage.setItem("GET_SELECT_ROWDATA", JSON.stringify(get_select_rowdata)); }) Examine.$table.refresh({ query: Examine.formParams(id) });
}
版权声明
所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除