本節主要介紹Bootstrap的後台資料綁定、特殊列處理及列的排序功能，程式碼簡單易懂，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
本節主要介紹Bootstrap的後台資料綁定、特殊列處理及列的排序功能
1.資料綁定
一般做程式設計，很少是使用json檔案直接綁定資料。基本上我們都是使用程式語言進行資料獲取，並做資料綁定。
放置一個Table控制項
<table id="table" ></table>
呼叫javascript的程式碼
<script >
$('#table').bootstrapTable({
url: 'tablejson.jsp', //数据绑定，后台的数据从jsp代码
search:true,
uniqueId:"Id",
pageSize:"5",
pageNumber:"1",
sidePagination:"client",
pagination:true,
height:'400',
columns: [
{
field: 'Id',
title: '中文'
}, {
field: 'Name',
title: 'Name'
}
, {
field: 'Desc',
title: 'Desc'
}
],
});2.特殊列處理
在實際應用中，我們需要增加我們的特殊列，例如是操作列，看下列的js程式碼增加了一個特殊列
{
field: '#',
title: 'control',formatter:function(value,row,index){
var del='<a href="Delete!delete.action?Id='+row.Id+'" rel="external nofollow" rel="external nofollow" >删除</a>';
var updt='<a href="supdate.jsp?Id='+row.Id+'" rel="external nofollow" rel="external nofollow" >修改</a>';
var add='<a href="Include.jsp?Id='+row.Id+'" rel="external nofollow" rel="external nofollow" >增加</a>'
return del+" "+updt+" "+add;
}
}js的程式碼修改為
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）4 週前By尊渡假赌尊渡假赌尊渡假赌R.E.P.O.最佳圖形設置4 週前By尊渡假赌尊渡假赌尊渡假赌刺客信條陰影：貝殼謎語解決方案2 週前ByDDDR.E.P.O.如果您聽不到任何人，如何修復音頻1 個月前By尊渡假赌尊渡假赌尊渡假赌R.E.P.O.聊天命令以及如何使用它們1 個月前By尊渡假赌尊渡假赌尊渡假赌熱工具
WebStorm Mac版
好用的JavaScript開發工具
SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。
VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器
SublimeText3漢化版
中文版，非常好用
Atom編輯器mac版下載
最受歡迎的的開源編輯器
