easyui datagrid 的分页刷新按钮

datagrid  刷新bug:

情形:

当用户A,B  同时操作 datagrid时(记录1,记录2、记录3)。如果A如果删除记录1,  B此时已选中了记录1 ,记录2 , 这时B点击分页中的刷新按钮后,记录1不可见。但是getchecked  会发现选中的是2条记录(记录1 记录2 ) ,而不是一条记录2。

一种办法:

再点击刷新按钮的时候。清除所有选中的行。

easyui ui 1.4.2

jquery.easyui.min.js

_5d4.pagination({
total: (opts.pageNumber * opts.pageSize), pageNumber: opts.pageNumber, pageSize: opts.pageSize, pageList: opts.pageList, onRefresh: function () { $(_5cd).datagrid("clearSelections").datagrid("clearChecked"); }, onSelectPage: function (_5d5, _5d6) {
opts.pageNumber = _5d5 || 1;
opts.pageSize = _5d6;
_5d4.pagination("refresh", { pageNumber: _5d5, pageSize: _5d6 });
_611(_5cd);
}
});

_5d4.pagination({
total: (opts.pageNumber * opts.pageSize), pageNumber: opts.pageNumber, pageSize: opts.pageSize, pageList: opts.pageList,onRefresh: function () { $(_5cd).datagrid("clearSelections").datagrid("clearChecked"); }, onRefresh: function () { $(_5cd).datagrid("clearSelections").datagrid("clearChecked"); }, onSelectPage: function (_5d5, _5d6) {
opts.pageNumber = _5d5 || 1;
opts.pageSize = _5d6;
_5d4.pagination("refresh", { pageNumber: _5d5, pageSize: _5d6 });
_611(_5cd);
}
});

时间: 2024-08-02 11:03:12

easyui datagrid 的分页刷新按钮的相关文章

easyui tabs页带刷新按钮,页面错乱问题

页面在集装箱动态查询时点击网上补料的刷新按钮, 此时动态查询页面的标题也会变成网上补料且页面错误,导致原因先执行的刷新按钮事件再执行的tab select事件. 解决方法:添加红色行 mainPanel.tabs('add', { title: node.text, href: encodeURI(url), cache: true, method: 'GET', closable: true, tools: [{ iconCls: 'icon-mini-refresh', handler: f

EasyUi datagrid 表格分页例子

1.首先引入 easyui的 css 和 js 文件 2.前台 需要写的js //源数据 function Async(action,args,callback){  $.ajax({  url: action ,  type:"POST",  dataType:"json",  timeout: 10000,  data: args,  success: function(data){   if(callback){  callback(data);  } } }

easyui datagrid 自定义加载按钮实例

今天写一个项目,在用到datagrid的时候突然发现加载操作列中的自定义按钮出来问题,经过一番研究,原来这么简单.话不多说,上图 //获取选中行审核 function Checker(indexDiv) { $('#grid').datagrid('selectRow',indexDiv);//获取选中行 var rows = $('#grid').datagrid('getSelected');//获取选中行数据 ShowDiv(); //调用事件 $('#UserTd').html(rows

Asp.Net MVC EasyUI DataGrid查询分页

function doSearch() { //查询方法 var searchValue = $('#txtQueryTC001').textbox('getText'); $('#dgCMSTC').datagrid('options').queryParams = { condition: searchValue }; //initDataGrid(searchValue); $.ajax({ type: 'post', url: '/CMSTC/GetJson', data: 'condi

EasyUI + Struts2 + Ajax 显示 easyui datagrid 分页效果

1.Html代码 1 <script type="text/javascript" src="/js/easyui/jquery.min.js"></script> 2 <script type="text/javascript" src="/js/easyui/jquery.easyui.min.js"></script> 3 <script type="tex

实例:SSh结合Easyui实现Datagrid的分页显示(JAVA版)

近日学习Easyui,发现非常好用,界面很美观.将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加.修改.删除.批量删除等功能将在后面的博客一一写来. 首先看一下要实现的效果:当每页显示5行数据: 当每页显示10行数据,效果如下: 具体步骤: 1.下载Easyui,并搭建环境.可参照博客 http://blog.csdn.net/lhq13400526230/article/details/9148299 2.搭建SSH工程,整个工程的目录结构如

easyui datagrid 分页略解

easyui datagrid 本身自带了分页功能. 但是这个需要你自己控制. 在后台可以得到两个datagrid的参数,rows 和page.其中rows是每页要显示的个数,page是第几页.单纯的设置rows是不行 的,datagrid真正显示的是你 从数据库里得到的真正条数,应该用rows当查询条件,得到rows条才行. 传到前台的json传应该是这样的: {"total":50,"rows":[{"sex":"nan16&quo

EasyUI Datagrid 分页

EasyUI Datagrid 分页,两种情况 第一种,向后台请求数据,点击分页请求一次,点击排序请求一次.使用表格自带的ajax. box.datagrid({ url: '', //后台请求地址 queryParams: {'name':'','age':''},//向后台传参 width: '100%', height: '500px', fitColumns: true, singleSelect:true, remoteSort:true, pageList : [ 5, 10, 20

easyui datagrid 客户端搜索、分页、排序

easyui datagrid的排序默认是服务器端排序,可以用sorter实现客户端排序[2]:客户端分页可用filter实现[3]:客户端搜索同样可以用filter实现. 不多说直接上代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="keywords" con