javascript - bootstrap-table 排序无效
伊谢尔伦
伊谢尔伦 2017-04-11 11:47:22
[JavaScript讨论组]

使用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               

自大由小

自小由大

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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(4)
阿神

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

PHP中文网

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

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

}

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

阿神

貌似和datatable类似

天蓬老师

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

String or = "ORDER BY " + sort + " " + order + " OFFSET " + offset + " ROWS FETCH NEXT " + limit + " ROWS ONLY ";
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号