解决bootstrap table展示字段和排序字段不一致问题

匿名 (未验证) 提交于 2019-12-03 00:30:01

针对网上没有处理最后的排序图标问题。现提供完整的修改方案,如下:

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('field');             //解决展示字段和排序字段不一致问题             this.options.sortName = $this.data('sortName') ? $this.data('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 arrow         this.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) {            	//$(th).find('.sortable').removeClass('desc asc').addClass($(th).data('field') === that.options.sortName === that.options.sortName ? that.options.sortOrder : 'both');         	//解决展示字段和排序字段不一致问题         	$(th).find('.sortable').removeClass('desc asc').addClass(($(th).data('field') === that.options.sortName || $(th).data('sortName') === that.options.sortName) ? that.options.sortOrder : 'both');         });  };


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!