easyui的分页组件的displayMsg显示的信息不正确

最新推荐文章于 2022-03-26 22:08:16 发布

转载最新推荐文章于 2022-03-26 22:08:16 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2331760/blog/470485

文章标签：

#javascript #ViewUI

本文详细探讨了在使用EasyUI的min.js进行分页操作时遇到的问题，通过分析代码并深入研究EasyUI源码，发现可能的原因在于项目中其他代码的影响导致分页控件显示不正确。提出了解决方案，在onLoadSuccess函数中进行了调整，确保了分页控件在没有记录时也能正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

这种奇葩问题估计也只有我能遇到,首先该easyui的min.js没有问题,因为该JS完整的拷贝到另外有一个项目中,如果在没有记录的时候,显示的信息是正常的,唯一有可能的原因是:该项目中的其他代码造成了分页控件显示的不正确,是在没有办法了,在datagrrid的onLoadSuccess:中这么做:

onLoadSuccess:function(row, data)
            {
            	var p = $('#gcxh').datagrid('getPager');
            	$(p).pagination({
                    pageSize: 20,//每页显示的记录条数，默认为10  
                    pageList: [10, 20, 30,40,50],//可以设置每页记录条数的列表  
                    beforePageText: '第',//页数文本框前显示的汉字  
                    afterPageText: '页    共 {pages} 页',
                    displayMsg: data.total==0?'当前显示  0 条记录   共  0 条记录':'当前显示 {from} - {to} 条记录   共 {total} 条记录',
                });
            },

开始的这段话,本来是写在

$(function(){
    $().datagrid({
        ...
    });
    var p = $('#gcxh').datagrid('getPager');
    $(p).pagination({
        ...
        displayMsg: '{total}'==0?'当前显示  0 条记录   共  0 条记录':'当前显示 {from} - {to} 条记录   共 {total} 条记录',//这么写也不正确,在跟踪源码的时候,发现在没有记录的时候,total的值还是20,并不是0,所以这么写也不行,无奈之下,只能在onLoadSuccess中写了
    });
} );
//但是这么写也不正确,所以只

转载于:https://my.oschina.net/u/2331760/blog/470485