国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

Bootstrap Table 雙擊、單擊行獲取該行及全表內容

來源:懂視網 責編:小采 時間:2020-11-27 22:08:53
文檔

Bootstrap Table 雙擊、單擊行獲取該行及全表內容

Bootstrap Table 雙擊、單擊行獲取該行及全表內容:什么是Bootstrap-table? 在業務系統開發中,對表格記錄的查詢、分頁、排序等處理是非常常見的,在Web開發中,可以采用很多功能強大的插件來滿足要求,且能極大的提高開發效率,本隨筆介紹這個bootstrap-table是一款非常有名的開源表格插件,在很多項目中廣
推薦度:
導讀Bootstrap Table 雙擊、單擊行獲取該行及全表內容:什么是Bootstrap-table? 在業務系統開發中,對表格記錄的查詢、分頁、排序等處理是非常常見的,在Web開發中,可以采用很多功能強大的插件來滿足要求,且能極大的提高開發效率,本隨筆介紹這個bootstrap-table是一款非常有名的開源表格插件,在很多項目中廣

什么是Bootstrap-table?

  在業務系統開發中,對表格記錄的查詢、分頁、排序等處理是非常常見的,在Web開發中,可以采用很多功能強大的插件來滿足要求,且能極大的提高開發效率,本隨筆介紹這個bootstrap-table是一款非常有名的開源表格插件,在很多項目中廣泛的應用。Bootstrap-table插件提供了非常豐富的屬性設置,可以實現查詢、分頁、排序、復選框、設置顯示列、Card view視圖、主從表顯示、合并列、國際化處理等處理功能,而且該插件同時也提供了一些不錯的擴展功能,如移動行、移動列位置等一些特殊的功能,插件可以用基于HTML5的data-*屬性標識設置,也可以使用Javascript方式進行設置,非常方便。本篇隨筆介紹bootstrap-table插件在我實際項目中的應用情況,總結相關使用中碰到的問題處理經驗。

Bootstrap Table 獲取單擊或雙擊的行內容

說明:看到這個應該就知道了bootstrap table的用法及如何使用了,所以下面的名稱就不介紹了

•realTime_Table是表的id

$("#realTime_Table").bootstrapTable({
 //還是稍微介紹一下吧,這些注釋是額外的,要加錢
 //是否顯示查找
 search: false,
 //是否分頁
 pagination: false,
 //每頁顯示多少條數據,也就是要顯示多少行
 pageSize: 15,
 //分頁,選擇不同數字會改變上面的pageSize
 pageList: [5, 10, 15, 20],
 //顯示列
 showColumns: true,
 //顯示刷新按鈕
 showRefresh: false,
 //是否可見
 showToggle: true,
 //默認英文,設置如下就是顯示中文
 locale: "zh-CN",
 //顯示時background-color白灰相間
 striped: true,
 /*
 *
 *
 *
 *
 *下面才是本文要介紹的,其他都是額外的,包括這句話
 *
 *
 *
 *
 */
 //=======================================================================================
 //雙擊觸發的事件,當雙擊就會獲取row,row就是該整行的內容,其中"row.playerName"中"playerName"是data-field定義的字段,(如果在js中定義,就是field定義的字段,)可以通過該方法獲取該行所有列的值
 onDblClickRow: function (row) {
 console.log("click:" + row.playerName)
 }
 //=======================================================================================
 //如果想單擊獲取row,把onDblClickRow改為onClickRow,如下
 //onClickRow: function (row) {
 // console.log("click:" + row.playerName)
 // }
 //=======================================================================================
 //想獲取全表的內容,只要用下面的方法,其中allTableData是個數組,整張表的內容,你可以使用遍歷獲取每行的內容,也可以使用索引直接獲取你想要的那行的內容
 var indexTemp = 0;
 var playerNameTemp = '張小帥';
 var allTableData = $('#realTime_Table').bootstrapTable('getData');
 for(var i = 0; i < allTableData.length; i++) {
 indexTemp = i;
 //如果此行中有玩家名字(此處默認名字不重復)與你想獲取的相同,則跳出循環,indexTemp是你要的行索引
 if(allTableData[i].playerName == playerNameTemp) {
 break;
 }
 }
 console.log("玩家張小帥的數據在表的第" + (indexTemp + 1) + "行");
 });

題外:關于表字段設置,可以查看:點擊Bootstrap-table的右側邊欄Usage跳到最下面,有兩種方法,一種是在聲明表屬性中設置,另一種是在js中設置

其他相關:

•BootstrapTable實現定時刷新數據: //www.gxlcms.com/article/145535.htm

總結

以上所述是小編給大家介紹的Bootstrap Table 雙擊、單擊行獲取該行及全表內容,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Bootstrap Table 雙擊、單擊行獲取該行及全表內容

Bootstrap Table 雙擊、單擊行獲取該行及全表內容:什么是Bootstrap-table? 在業務系統開發中,對表格記錄的查詢、分頁、排序等處理是非常常見的,在Web開發中,可以采用很多功能強大的插件來滿足要求,且能極大的提高開發效率,本隨筆介紹這個bootstrap-table是一款非常有名的開源表格插件,在很多項目中廣
推薦度:
標簽: 內容 點擊 雙擊
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 在线免费观看国产视频 | 亚洲精品91| 精品国产欧美一区二区三区成人 | 伊人久久精品一区二区三区 | 亚洲欧洲精品一区二区三区 | 日本免费一级视频 | 国产成人亚洲欧美三区综合 | 精品国产免费一区二区三区五区 | 久久久久久亚洲精品中文字幕 | 91精品国产色综合久久不卡蜜 | 久久亚洲精品国产精品婷婷 | 国产极品久久 | 亚洲日本国产 | 欧美亚洲国产日韩一区二区三区 | 全免费午夜一级毛片一级毛 | 国产成人精品久久二区二区 | 一区二区免费看 | 国产成人一区二区三区影院免费 | 亚洲国产精久久久久久久 | 国产伦精品一区二区三区在线观看 | 欧美精品国产日韩综合在线 | 久久久久女人精品毛片九一 | 欧美日韩国产综合视频在线看 | 欧美成人精品一区二区三区 | 亚洲图片欧美在线 | 亚洲一区二区综合 | 久久婷婷色一区二区三区 | 91久久国产综合精品女同我 | 精品国产综合成人亚洲区 | 一本色道久久88综合亚洲精品高清 | 亚洲国产精品电影 | 最新亚洲精品 | 亚洲欧美日韩国产综合高清 | 91精品国产91久久久久久 | 日韩经典在线 | 亚洲人一区 | 国产精品久久九九 | 国产一区精品视频 | 欧美成人亚洲国产精品 | 色妞网| 狠狠色狠狠色综合日日不卡 |