• bootstrapTable初始化常用参数


    bootstrapTable初始化常用参数,前端分页排序,后端获取表格数据

    $('#table').bootstrapTable({
        toolbar: '#mybar',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
        sortable: true,                    //是否启用排序
        sortOrder: "asc",                   //排序方式
        showColumns: true,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        uniqueId: "ID",                     //每一行的唯一标识,一般为主键列
        showToggle: true,                    //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                   //是否显示父子表
        columns: columnsdata,
        pagination: true,
        pageList: [10, 20, 30, 40, 'all'],
        loading: '数据加载中...',
        pageSize: 10,
        pageNumber: 1,
        showExport: true,
        exportDataType: 'all',              //basic', 'all', 'selected'.
        exportTypes: ['excel'],      //导出类型
        exportOptions: {
            ignoreColumn: [0, 0],            //忽略某一列的索引
            fileName: $('#myModal .modal-header h4').text(),              //文件名称设置
            worksheetName: 'Sheet1',          //表格工作区名称
            tableName: $('#myModal .modal-header h4').text(),
            excelstyles: ['background-color', 'color', 'font-size', 'font-weight'],
        },
        method: 'get',
        datatype: 'json',
        url: "/user/query",//这个接口需要处理bootstrap table传递的固定参数
        queryParamsType: '', //默认值为 'limit' ,在默认情况下 传给服务端的参数为:offset,limit,sort
    
        queryParams: function () {
            let params = {keyword: $("#search_keys").val().replace(/[ ]/g, "").replace(/	/g, "")}
            return params
        },//前端调用服务时,会默认传递上边提到的参数,如果需要添加自定义参数,可以自定义一个函数返回请求参数
        responseHandler: function (res) {
    return res.data
        },
    
    });
  • 相关阅读:
    游戏类型
    cocos2d-x lua 一些语法
    lua中ipairs和pairs
    lua的一些语法
    误删jre怎么办
    右键android工程的包名选择Build Path后怎么还原
    播放Armature动画
    接入第三方sdk出现了一些问题总结
    gettimeofday() 获取系统时间,精确到微秒 这个似乎只能在linux 下用,不能在windows 下用
    windows timeGetTime() 函数 获取系统从开机到现在的毫秒时间值
  • 原文地址:https://www.cnblogs.com/cherylgi/p/13490167.html
Copyright © 2020-2023  润新知