Bootstrap-table-helper

这篇博客主要介绍了在Bootstrap-table中进行的一些定制化设置,强调了如何更方便地通过JSON传递参数,并探讨了使用extend方法以及如何实现查询条件的传递。内容包括相关代码示例和调用方法。
摘要由CSDN通过智能技术生成

这版只是在原本的基础上进行了一些设置 一些属性更适合 传递参数设置成json 方便传递参数

重点是练习extend的用法 还有查询条件的传递

引用

  <script src="~/lib/bootstrap/dist/bootstrap-table.js"></script>
    <script src="~/lib/bootstrap/dist/locale/bootstrap-table-zh-CN.min.js"></script>

代码

//$table 页面定义的table
//$search 页面查询条件放在一个form里 $search为form节点
//option 初始化json 初始化时设置的一些table属性 方便某些页面需要的table不同
//searchoption 搜索json 添加一些非搜索框里的查询条件
//pagesize 每页数量
//columns 表头
//rowstype 表格每行样式设置回调函数
//successLoadEvent 加载成功回调函数
var TableInit = function ($table, $search, option, searchoption) {
    var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        $table.bootstrapTable($.extend(true, {
            url: "",                      //请求后台的URL(*)
            method: 'get',                      //请求方式(*)
            toolbar: '#toolbar',              //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
            pagination: true,                   //是否显示分页(*)
            sortable: false,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           /
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值