0

使用bootstrap-table, url获取数据,无法排序。

$('#table').bootstrapTable({
    url: '/data/tree.json',                         
    method: 'get',                      
    toolbar: '#toolbar',                
    striped: true,                      
    cache: false,                       
    pagination: true,                   
    sortable: true,                     
    sortOrder: "asc",
    sidePagination: "server",           
    pageNumber: 1,                      
    pageSize: 10,                       
    pageList: [20, 25, 50, 100],                     
    showToggle: true,                   
    showColumns: true,                  
    showRefresh: true,                  
    showFooter: false,                  
    minimumCountColumns: 2,             
    clickToSelect: true,                
    height: 500,                        
    uniqueId: "id",                     
    cardView: false,                    
    detailView: false,                  
    columns: [{
                checkbox: true
            }, {
                field: 'id',
                title: '菜单ID',
                sortable: true
            }, {
                field: 'name',
                title: '菜单名称'
            }, {
                field: 'parentName',
                title: '父级菜单名称'
            }, {
                field: 'url',
                title: '菜单路径'
            }, {
                field: 'type',
                title: '菜单类型'
            },{
                field: 'description',
                title: '菜单描述'
            }]; // end columns
}); // end bootstrapTable               

自大由小

自小由大

上面两图的数据都没有变化

4个回答

0

是不是没设置'sortName'??
docs

0

我是这样的——前台传参数sort和order,后台controller获取后按照参数对数据进行排序,然后将排序好的结果再传回前台展示。
传参:
sortable: true, //是否启用排序
sortName : 'ID',//初始化的时候排序的字段
sortOrder: "asc", //排序方式
//查询参数,每次调用是会带上这个参数,可自定义
queryParamsType : "limit",
queryParams : function(params) {

   return {
          sortName: params.sort,
          sortOrder: params.order
        };

}

后台排序自己写吧 我也不知道你那里具体怎么弄

0

貌似和datatable类似

0

后台会接收到 sort order limit offset
根据sort 和 order 进行组装SQL 语句.
例如: sql server 的;

String or = "ORDER BY " + sort + " " + order + " OFFSET " + offset + " ROWS FETCH NEXT " + limit + " ROWS ONLY ";

该答案已被忽略,原因:

撰写答案

相似问题