国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

bootstrap Table的一些小操作

2019-11-19 15:00:57
字體:
供稿:網(wǎng)友

本文實例為大家分享了bootstrap Table的操作代碼,供大家參考,具體內(nèi)容如下

function HQCreatTable(ob) {  var option = {    cache: false,//是否使用緩存,默認(rèn)為true,所以一般情況下需要設(shè)置一下這個屬性(*)    scrollX: true,    scrollY:true,    striped: true,   //使表格帶有條紋 //是否顯示行間隔色    sidePagination: "client",//分頁方式:client客戶端分頁,server服務(wù)端分頁(*)    pagination: true,  //在表格底部顯示分頁工具欄    pageNumber: 1,  //初始化加載第一頁,默認(rèn)第一頁    pageSize: 10,    pageList: [ 10,15],//可供選擇的每頁的行數(shù)(*)    showColumns: false,//是否顯示所有的列    sortable: true, //是否啟用排序        clickToSelect: true,//是否啟用點擊選中行    showRefresh: false, //顯示刷新按鈕    //search: false,//是否顯示右上角的搜索框    //toolbar: '#toolbar', //工具按鈕用哪個容器    uniqueId: "ID", //每一行的唯一標(biāo)識,一般為主鍵列    undefinedText: "",    toolbarAlign: 'left',    exportDataType: "all", //basic', 'all', 'selected'.  }  if (ob.rowStyle) {    option.rowStyle = ob.rowStyle;//行樣式 是函數(shù)  }  //排序  if (ob.sortOrder) {    option.sortOrder = ob.sortOrder;  } else {    option.sortOrder = "desc";  }  if (ob.sortName) {    option.sortName = ob.sortName;  }  if (ob.showExport) {    option.showExport = ob.showExport;//導(dǎo)出Excel  }  if (ob.showFooter) {    option.showFooter = ob.showFooter;//是否顯示統(tǒng)計頁腳  }  if (ob.searchAlign) {    option.searchAlign = ob.searchAlign;  }  if (ob.num) {    option.pageSize = ob.num;//每頁的記錄行數(shù)(*)  }  if (ob.data) {    option.data = ob.data;  } else {    option.data = [];  }  if (ob.search) {    option.search = ob.search;  }  if (ob.columns) {    option.columns = ob.columns;  }  if (ob.onClickRow) {    option.onClickRow = ob.onClickRow;  }  if (ob.onDblClickRow) {    option.onDblClickRow = ob.onDblClickRow;  }  if (ob.onDblClickRow) {    option.onDblClickRow = ob.onDblClickRow;  }  if (ob.onCheck) {    option.onCheck = ob.onCheck;  }  if (ob.onAll) {    option.onAll = ob.onAll;  }  if (ob.onLoadSuccess) {    option.onLoadSuccess = ob.onLoadSuccess;  }  if (ob.toolbar) {    option.toolbar = ob.toolbar;  }  if (ob.singleSelect || ob.singleSelect == false) {    option.singleSelect = ob.singleSelect  } else {    option.singleSelect = true;//禁止多選  }  if (ob.maintainSelected) {    option.maintainSelected = ob.maintainSelected;  } else {    option.maintainSelected = false;//設(shè)置為 true 在點擊分頁按鈕或搜索按鈕時,將記住checkbox的選擇項  }  if (ob.detailView) { option.detailView = ob.detailView; }  if (ob.onExpandRow) {    option.onExpandRow = ob.onExpandRow;  }  if (ob.onEditableSave) {    option.onEditableSave = ob.onEditableSave;  }  $(ob.id).bootstrapTable('destroy');  $(ob.id).bootstrapTable(option);  if (ob.data) {    $(ob.id).bootstrapTable('load', ob.data);  }}

前端分頁的Table配置函數(shù)

<table id="Table3" data-row-style="rowStyle"></table> //行根據(jù)數(shù)據(jù)變色  function rowStyle(row, index) {    var classes = ['success'];    var classes1 = ['danger'];    var classes2 = ['warning'];    if (row.bed_msg==0) {      return {        classes: classes2      };    }else{      if (row.status == 1) {        return {          classes: classes1        };      } else {          return {        classes: classes        };      }    }      }

根據(jù)每行數(shù)據(jù)的一個字段的值來改變行的背景色(class好像只能調(diào)用他本來默認(rèn)的那幾個,很久之前寫的忘記了是不是這樣的)

formatter: function (value, row, index) {          // 根據(jù)row.列名  那狀態(tài)確定返回 true/false          if (row.status == 1) {            return {              disabled: true            };          }                  }

這個是根據(jù)每行數(shù)據(jù)的一個字段的值來是否禁用選擇框(我在之前項目需要做結(jié)算,已結(jié)算的和未結(jié)算的在一起,因此需要這個),formatter還可以寫別的函數(shù),比如根據(jù)1,0值改成其對應(yīng)的值

footerFormatter: function (data) {             return data.reduce(function (sum, row) {               return accAdd(sum, row["Selmoney"]);             }, 0) + "元";           }

footerFormatter是必須之前的配置Table時,showFooter屬性為true,否則不會顯示。我寫這個是前端分頁的話是Table所有數(shù)據(jù)的Selmoney值的總和,后端分頁的話則是當(dāng)頁數(shù)據(jù)的總和。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 云林县| 调兵山市| 金乡县| 福鼎市| 昌黎县| 松江区| 万全县| 同心县| 潞西市| 威宁| 达日县| 永仁县| 华池县| 徐州市| 昌图县| 无棣县| 和平县| 会东县| 丽水市| 疏附县| 西宁市| 观塘区| 崇左市| 卢湾区| 玉龙| 廊坊市| 株洲市| 自贡市| 武强县| 房产| 缙云县| 兴文县| 信阳市| 宁晋县| 民勤县| 宁强县| 汕尾市| 罗甸县| 东乌珠穆沁旗| 个旧市| 高阳县|