欢迎光临小鱼网个人网站!

登录/注册
bs-table常用属性和方法

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);});


Copyright © www.xyubing.com All Rights Reserved. 备案号:蜀ICP备19023461号-1

免责声明:本站部分资源搜集整理于互联网或者网友提供,仅供学习与交流使用,如果不小心侵犯到你的权益,请及时联系我们删除该资源。