jquery easyui 1.3.4 datagrid pageNumber 設置導致兩次請求的解决方案

$(‘#table‘).datagrid({
url: ‘/get/data/path/to/your/server‘,
pageNumber: 2,
pageSize: 10,
...
});

當手動設置 pageNumber >= 2 時,查看網络請求會有兩次,並且第二次的請求的 pageNumber == 1;

二、原因:

jquery.easyui.min.js 1.3.4 的 7821-7828 行代碼;
因为分頁控件初始化参數 total == 0, pageNumber == 1,而初次請求第二頁的参數與控件初始化参數不一致,導致了再次請求:_5dc(_545);

此處代碼的原意是解决一個問題:
當頁面刷新時,請求的數據總數發生變化,需要更新 pagebar 的顯示;

三、解决方案:

7822 行(請注意版本 1.3.4 jquery.easyui.min.js):
_54a.pagination("refresh",{total:data.total});
修改为:
_54a.pagination("refresh",{pageNumber:opts.pageNumber||_54b.pageNumber,total:data.total});

ok,~
时间: 2024-07-31 00:25:46

jquery easyui 1.3.4 datagrid pageNumber 設置導致兩次請求的解决方案的相关文章

jQuery EasyUI - 数据表格(DataGrid)

由于工作需要,项目使用前端 jQuery EasyUI - DataGrid 来控制数据表格. 1.加载相关js和css,因为easyui依赖jquery,所有加载easyui前要先加载jquery,否则为提示找不到datagrid <!-- 加载jquery --> <script type="text/javascript" src="plugins/jquery/jquery-1.4.2.min.js"></script>

jQuery EasyUI插件使用之datagrid的分页功能使用备忘

官网:  http://www.jeasyui.com/index.php 对照这官网提供的demo以及api文档,慢慢摸索学习 首先是其中的datagrid插件,其中的分页功能 客户端相关属性配置: pagination     boolean 默认false  显示一个分页工具栏: true/false pagePosition  string  默认bottom 分页工具栏的位置:  'top','bottom','both' (下图就是在底部) pageNumber  number  默

jQuery EasyUI教程之datagrid应用(一)

一.利用jQuery EasyUI的DataGrid创建CRUD应用 对网页应用程序来说,正确采集和管理数据通常很有必要,DataGrid的CRUD功能允许我们创建页面来列表显示和编辑数据库记录.本教程将教会你如何运用jQuery EasyUI框架来实现DataGrid的CRUD功能 . 我们会用到如下插件: · datagrid: 列表显示数据. · dialog: 增加或编辑单个用户信息. · form: 用来提交表单数据. · messager: 用来显示操作信息. 第一步:准备数据库 使

jquery easyui datagrid 分页 详解

前些天用jquery easyui的table easyui-datagrid做分页显示的时候,折腾了很久,后来终于解决了.其实不难,最主要我不是很熟悉前端的东西. table easyui-datagrid分页 有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows(每页显示的记录数)和page(当前第几页)然后读取相应页数的记录,和总记录数total一块返回即可. 1.界面 2.前端代码 <table id="dg" title="文章管理"

jQuery EasyUI DataGrid在MVC中的运用-基本属性并实现分页

※ datagrid的基本属性和方法  ※ datagrid分页在前后台的实现 最终效果:    与视图显示对应的view model   public class Book public string ItemId { get; set; } public string ProductId { get; set; } public decimal ListPrice { get; set; } public decimal UnitCost { get; set; } public strin

JQuery EasyUI的datagrid的使用方式总结

JQuery EasyUI的datagrid的使用方式总结第一步:添加样式和js脚本在前台添加展示数据表格的table元素 例如: <div> <table id="tt" style="width: 700px;" title="标题,可以使用代码进行初始化,也可以使用这种属性的方式" iconcls="icon-edit"> </table> </div> 注:表格的属性可以

jQuery EasyUI datagrid实现本地分页的方法

本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重点用到了pagination的监听,以及JS数组的slice方法来完成.代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 3

jQuery EasyUI DataGrid API 中文文档

扩展自$.fn.panel.defaults,用 $.fn.datagrid.defaults重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 1.  <table id="tt"></table> 1.  $('#tt').datagrid({ 2.      url:'datagrid_data.json', 3.      columns:[[ 4.          {field:'co

JQuery EasyUI DataGrid 获取属性值

在Jquery EasyUI中返回操作的时候,根据当前页返回到数据选取页: var grid = $('#datagrid'); var options = grid.datagrid('getPager').data("pagination").options; var curr = options.pageNumber; var total = options.total; var max = Math.ceil(total/options.pageSize);