1、onClickCell
参数:field, value, row, $element
说明:当单击某一格,就会触发该事件,所需参数如下:
- field:此格所在列的字段名
- value:此格的数据
- $element:此行的此列,就是此格(td)
例子:
$("#bootstrap-table-id").bootstrapTable({
...
columns:[
{field:'name',
title:'姓名',
},{}...],
onClickCell:function(field, value, row, $element){
//可以使用field判断点击了哪个colums里面的field。
if(field=="name"){
...
}
//使用row可以获得上面存有字段的值:
var myname=row.name
}
})
2、onLoadSuccess
参数:data
说明:当所有数据被加载时触发
例子:
$("#bootstrap-table-id").bootstrapTable({
...
columns:[
{field:'name',
title:'姓名',
},{}...],
onLoadSuccess:function(data){
//data为当前页面加载所有数据的详细信息
//如果分了5页,当前是第2页,则data是包含第二页所有数据。
console.info(data)
}
})
3、formatter
属性:data-formatter
类型:Function
默认值:undefined
作用描述:
需要此列的对象。
某格的数据转换函数,需要三个参数:
-value: field(字段名)
-row:行的数据
-index:行的(索引)index
注意:当value为undifined的时候,调用一些方法比如value.length会报错。
例子:
$("#bootstrap-table-id").bootstrapTable({
...
columns:[
{
field:'id',
title:'序号',
formatter:function(value,row,index){
//序号从1开始
return index+1;
}
},
{field:'',
title:'操作',
events:operateEvents,
formatter:playButtonFunction
},{}...],
...
})
playButtonFunction(value,row,index){
return[
'<a id="tableid" href="#aa" data-toggle=""><img src="img/bb.png" alt="" id="imgid"></a>'
].join("")
}
window.operateEvents={
//触发点击事件
"click #tableid":function(e,value,row,index){
console.info(row)
//可以使用row获取本行各种属性值。
}
}