1.bootstrap-table 更新data數據:
$('#table').bootstrapTable('load',that.state.xxx);//這一步 務必要添加。第二參數是需要更新的data內容。
$('#table1').bootstrapTable({
// url: '/Home/GetDepartment', 請求后台的URL
uniqueId: "num", //設置標識,一般為主鍵
striped: true,
pagination: true,
pageSize: 10,
pageNumber: 1,
columns:that.state.columns,
//每一行的數據
data:that.state.xxx
})
——————————————————————————————————————————————
2.bootstrapTable 中設置單元格中內容或者修改等等。
formatter 屬性

————————————————————————————————————————————————————————————————————————
3.bootstrapTable 中設置單元格下拉內容:
detailFormatter 屬性:

4.事件
events 屬性 2種方式:
1.

2.
events:getProjectName
在window 上綁定全局的 如果這時候你需要用到this.state 可以把window.self = this

____________________________________________________________________________
5.新增一行
$('#table').bootstrapTable('insertRow',{index:0,row:{aname:"",job:"",age:""}}); 這是默認在表格第一行添加
如果在分頁的情況下添加一行的話,也需要也可能會用到
$(".xx>.bootstrap-table>.fixed-table-container>.fixed-table-pagination>.pull-right>.pagination>.page-pre").next().click()
這是無論在分頁下的第幾頁點擊添加都會跳到第一頁。
6.封裝一個初始化table數據的方法:
oTableInit : function (columns,that) { columns是穿過來的table配置,that 傳來的this
// 獲取面板列表數據
tools.getMessageToAjax({ 這是之前封裝的ajax的方法 這里就直接用了。
type:'post',
url:'template/findTemplatePage',
data:{
nextPage:0,
pageSize:1000
},
async:true,
success:function(res,code,msg){
for(var i=0;i<res.object.content.length;i++){
if(res.object.content[i].createTime){
res.object.content[i].createTime = date(res.object.content[i].createTime) 這是date處理拿到數據里面的時間的方法,類似與過濾器。
}
}
that.setState({
templateList:res.object.content
},()=>{
console.log('更新數據',that,that.state.templateList) 回調中會處理table的數據
$('#table1').bootstrapTable('load',that.state.templateList)
$('#table1').bootstrapTable({
// url: '/Home/GetDepartment', 請求后台的URL
uniqueId: "num", //設置標識,一般為主鍵
striped: true,
pagination: true,
pageSize: 10,
pageNumber: 1,
columns:that.state.columns,
//每一行的數據
data:that.state.templateList
})
})
},
})
},