|
本文实例为大家分享了bootstrap Table的操作代码，供大家参考，具体内容如下
clickToSelect: true,//是否启用点击选中行
showRefresh: false,//显示刷新按钮
//search: false,//是否显示右上角的搜索框
//toolbar: '#toolbar',//工具按钮用哪个容器
uniqueId: "ID",//每一行的唯一标识，一般为主键列
undefinedText: "",toolbarAlign: 'left',exportDataType: "all",//basic','all','selected'.
}
if (ob.rowStyle) {
option.rowStyle = ob.rowStyle;//行样式 是函数
}
//排序
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;//导出Excel
}
if (ob.showFooter) {
option.showFooter = ob.showFooter;//是否显示统计页脚
}
if (ob.searchAlign) {
option.searchAlign = ob.searchAlign;
}
if (ob.num) {
option.pageSize = ob.num;//每页的记录行数（*）
}
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;//设置为 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配置函数
}
根据每行数据的一个字段的值来改变行的背景色（class好像只能调用他本来默认的那几个，很久之前写的忘记了是不是这样的）
}
这个是根据每行数据的一个字段的值来是否禁用选择框（我在之前项目需要做结算，已结算的和未结算的在一起，因此需要这个），formatter还可以写别的函数，比如根据1，0值改成其对应的值
footerFormatter是必须之前的配置Table时，showFooter属性为true，否则不会显示。我写这个是前端分页的话是Table所有数据的Selmoney值的总和，后端分页的话则是当页数据的总和。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
