bootstraptable展示字段和排序字段不一致的解决办法

2024-06-07 09:08

本文主要是介绍bootstraptable展示字段和排序字段不一致的解决办法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

问题对人有帮助,内容完整,我也想知道答案 0 问题没有实际价值,缺少关键内容,没有改进余地

展示字段和排序字段不同。

<th data-field="userCode" data-sortable="true" data-sort-name="user_code">用户编码</th>function queryParams : function(params) {return $.extend({}, params, {"page.pageSize" : params.limit,"page.offset" : params.offset,"page.sort" : **params.sort**,"page.order" : params.order,"model.search" : params.search});
}
queryParams 取到的sort一直是userCode 而不是user_code
对了是server分页 我跟源码看到

这里设置的sort-name


这里到

 if (this.options.sidePagination === 'server') {return;}

就直接返回了。

这样的看来的话就是说server端的分页不支持定义的sortName嘛~?求大神

  • 2017年03月28日提问
  • 评论
  • 邀请回答
  • 编辑
默认排序 时间排序

3个回答

答案对人有帮助,有参考价值 1 答案没帮助,是错误的答案,答非所问

应该是不行,自己重写了几个方法。
目前已经可以正常使用。
标注的部分为修改的部分

完成代码如下:

!function($) {'use strict';var BootstrapTable = $.fn.bootstrapTable.Constructor;BootstrapTable.prototype.onSort = function (event) {var $this = event.type === "keypress" ? $(event.currentTarget) : $(event.currentTarget).parent(),$this_ = this.$header.find('th').eq($this.index()),sortName = this.header.sortNames[$this.index()];this.$header.add(this.$header_).find('span.order').remove();if (this.options.sortName === $this.data('field')) {this.options.sortOrder = this.options.sortOrder === 'asc' ? 'desc' : 'asc';} else {this.options.sortName = sortName || $this.data('field');this.options.sortOrder = $this.data('order') === 'asc' ? 'desc' : 'asc';}this.trigger('sort', this.options.sortName, this.options.sortOrder);$this.add($this_).data('order', this.options.sortOrder);// Assign the correct sortable arrowthis.getCaret();if (this.options.sidePagination === 'server') {this.initServer(this.options.silentSort);return;}this.initSort();this.initBody();};BootstrapTable.prototype.getCaret = function () {var that = this;$.each(this.$header.find('th'), function (i, th) {var sortName = that.header.sortNames[i];$(th).find('.sortable').removeClass('desc asc').addClass((sortName || $(th).data('field')) === that.options.sortName ? that.options.sortOrder : 'both');});};
}(jQuery);
  • 2017年03月29日更新
  • 1 评论
  • 赞赏
  • 编辑
答案对人有帮助,有参考价值 0 答案没帮助,是错误的答案,答非所问

大晚上的 ,挖个坟, 碰巧遇到这个问题,顺着 @十一年 的代码测试,发现不太对劲,如果有隐藏列 会bug,贴下我改的:


!function($) {'use strict';var BootstrapTable = $.fn.bootstrapTable.Constructor;BootstrapTable.prototype.onSort = function (event) {var $this = event.type === "keypress" ? $(event.currentTarget) : $(event.currentTarget).parent(),$this_ = this.$header.find('th').eq($this.index());this.$header.add(this.$header_).find('span.order').remove();if (this.options.sortName === $this.data('field')) {this.options.sortOrder = this.options.sortOrder === 'asc' ? 'desc' : 'asc';} else {this.options.sortName = $this.data('sort-name') ? $this.data('sort-name') : $this.data('field');this.options.sortOrder = $this.data('order') === 'asc' ? 'desc' : 'asc';}this.trigger('sort', this.options.sortName, this.options.sortOrder);$this.add($this_).data('order', this.options.sortOrder);// Assign the correct sortable arrowthis.getCaret();if (this.options.sidePagination === 'server') {this.initServer(this.options.silentSort);

这篇关于bootstraptable展示字段和排序字段不一致的解决办法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1038742

相关文章

一文详解Java Stream的sorted自定义排序

《一文详解JavaStream的sorted自定义排序》Javastream中的sorted方法是用于对流中的元素进行排序的方法,它可以接受一个comparator参数,用于指定排序规则,sorte... 目录一、sorted 操作的基础原理二、自定义排序的实现方式1. Comparator 接口的 Lam

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,

Java中JSON格式反序列化为Map且保证存取顺序一致的问题

《Java中JSON格式反序列化为Map且保证存取顺序一致的问题》:本文主要介绍Java中JSON格式反序列化为Map且保证存取顺序一致的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未... 目录背景问题解决方法总结背景做项目涉及两个微服务之间传数据时,需要提供方将Map类型的数据序列化为co

Java List排序实例代码详解

《JavaList排序实例代码详解》:本文主要介绍JavaList排序的相关资料,Java排序方法包括自然排序、自定义排序、Lambda简化及多条件排序,实现灵活且代码简洁,文中通过代码介绍的... 目录一、自然排序二、自定义排序规则三、使用 Lambda 表达式简化 Comparator四、多条件排序五、

JAVA数组中五种常见排序方法整理汇总

《JAVA数组中五种常见排序方法整理汇总》本文给大家分享五种常用的Java数组排序方法整理,每种方法结合示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录前言:法一:Arrays.sort()法二:冒泡排序法三:选择排序法四:反转排序法五:直接插入排序前言:几种常用的Java数组排序

vscode不能打开终端问题的解决办法

《vscode不能打开终端问题的解决办法》:本文主要介绍vscode不能打开终端问题的解决办法,问题的根源是Windows的安全软件限制了PowerShell的运行,而VSCode默认使用Powe... 遇到vscode不能打开终端问题,一直以为是安全软件限制问题,也没搜到解决方案,因为影响也不大,就没有管

Spring Boot中JSON数值溢出问题从报错到优雅解决办法

《SpringBoot中JSON数值溢出问题从报错到优雅解决办法》:本文主要介绍SpringBoot中JSON数值溢出问题从报错到优雅的解决办法,通过修改字段类型为Long、添加全局异常处理和... 目录一、问题背景:为什么我的接口突然报错了?二、为什么会发生这个错误?1. Java 数据类型的“容量”限制

Python运行中频繁出现Restart提示的解决办法

《Python运行中频繁出现Restart提示的解决办法》在编程的世界里,遇到各种奇怪的问题是家常便饭,但是,当你的Python程序在运行过程中频繁出现“Restart”提示时,这可能不仅仅是令人头疼... 目录问题描述代码示例无限循环递归调用内存泄漏解决方案1. 检查代码逻辑无限循环递归调用内存泄漏2.

MySQL中动态生成SQL语句去掉所有字段的空格的操作方法

《MySQL中动态生成SQL语句去掉所有字段的空格的操作方法》在数据库管理过程中,我们常常会遇到需要对表中字段进行清洗和整理的情况,本文将详细介绍如何在MySQL中动态生成SQL语句来去掉所有字段的空... 目录在mysql中动态生成SQL语句去掉所有字段的空格准备工作原理分析动态生成SQL语句在MySQL

Mysql表如何按照日期字段的年月分区

《Mysql表如何按照日期字段的年月分区》:本文主要介绍Mysql表如何按照日期字段的年月分区的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、创键表时直接设置分区二、已有表分区1、分区的前置条件2、分区操作三、验证四、注意总结一、创键表时直接设置分区