bs-table从常用属性
showToggle Boolean false 是否显示切换视图(table/card)按钮。 sortName: 'weigh,id', //排序名字sortOrder:'asc,desc', //排序方式search 是否启用搜索框。 showExport: true, 启用/关闭导出 showColumns: false, 显示/隐藏 隐藏列
修改弹出框宽高
$(".btn-add").data("area", ["800px", "500px"]);$(".btn-edit").data("area", ["800px", "500px"]);table.on('post-body.bs.table', function (e, settings, json, xhr) { $(".btn-editone").data("area", ["800px", "500px"]);});
常用方法
//在普通搜索提交搜索前table.on('common-search.bs.table', function (event, table, query) { //这里可以获取到普通搜索表单中字段的查询条件 console.log(query);});//在普通搜索渲染后table.on('post-common-search.bs.table', function (event, table) { var form = $("form", table.$commonsearch); $("input[name='title']", form).addClass("selectpage").data("source", "auth/adminlog/selectpage").data("primaryKey", "title").data("field", "title").data("orderBy", "id desc"); $("input[name='username']", form).addClass("selectpage").data("source", "auth/admin/index").data("primaryKey", "username").data("field", "username").data("orderBy", "id desc"); Form.events.cxselect(form); Form.events.selectpage(form);}); //当表格数据加载完成时table.on('load-success.bs.table', function (e, data) { //这里可以获取从服务端获取的JSON数据 console.log(data); //这里我们手动设置底部的值 $("#money").text(data.extend.money); $("#price").text(data.extend.price);}); //在表格内容渲染完成后回调的事件table.on('post-body.bs.table', function (e, settings, json, xhr) { console.log(e, settings, json, xhr);});
上一篇:图片预览自适应
下一篇:mysql配置文件修改sql_mode或sql-mode
栏目索引
相关内容
相关Tag