datagrid分页中如果删除时出现超出索引

最新推荐文章于 2021-03-29 07:44:41 发布
原创 最新推荐文章于 2021-03-29 07:44:41 发布 · 383 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#datagrid

本文介绍了一个具体的页面跳转逻辑实现，详细解释了如何根据不同条件调整当前页码，确保用户在进行数据操作后的页面显示合理。具体包括：当处于最后一页且非唯一页时，根据最后一页记录数量决定是否向前跳页。
public void jumppage(System.Web.UI.WebControls.DataGrid dg)
{
int int_PageLess; //定义页面跳转的页数
//如果当前页是最后一页
if(dg.CurrentPageIndex == dg.PageCount-1)
{
//如果就只有一页
if(dg.CurrentPageIndex == 0)
{
//删除后页面停在当前页
dg.CurrentPageIndex = dg.PageCount-1;
}
else
{
//如果最后一页只有一条记录
if((dg.Items.Count % dg.PageSize == 1) || dg.PageSize == 1)
{
//把最后一页最后一条记录删除后，页面应跳转到前一页
int_PageLess = 2;
}
else //如果最后一页的记录数大于1，那么在最后一页删除记录后仍然停在当前页
{
int_PageLess = 1;
}
dg.CurrentPageIndex = dg.PageCount - int_PageLess;
}
}
}
 
关于easyui中datagrid分页问题--摘
weixin_33806300的博客
06-11 135
首先datagrid中的pagination属性设置为true： 如 $('#dg1').datagrid({ url:"{:U('Rearlogin/ajaxNoticeAll')}", //请求后台的地址 fitColumns:true, scrollbarSize:0, singleSelect:true, pagination:...
datagrid+toolbar 不分页 显示
weixin_30885111的博客
06-14 227
1 新建DataGrid.js文件 /*** * * *el: table id * ***/ function showDataGrid(el) { $(el).datagrid({ title: '不分页的gridview', url: '/Home/GetUserInfo', //一个用以从远程站点请...
PHP datagrid表格,datagrid（数据表格）Query EasyUI中文帮助手册
weixin_36472567的博客
03-29 237
数据表格继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。依赖关系控制面板缩放链接按钮分页使用方法$('#tt').datagrid({url:'datagrid_data.json',columns:[[{field:'code',title:'Code',width:100},{field:'name',title:'Name',width...
easyui中datagrid 部分参数说明
朝花夕拾
04-22 7772
目录(?)[+] easyui datagrid 部分参数 数据表格属性（DataGrid Properties） 属性继承控制面板，以下是数据表格独有的属性。 名称 类型 描述 默认值 columns array 数据表格列配置对象，查看列属性以获取更多细节。 undefined fr
C#.NET 中使用gridview删除列出现“索引超出范围。必须为非负值并小于集合大小。参数名: index”
Hsing Hsu's Blog
04-10 2675
解决方法：在gridview中添加属性DataKeysNames="Usr_Id"。其中Usr_Id为要删除的列。
C#中Entity Framework实现DataGridView的分页
C_ioser的博客
12-31 1235
在网上看了很多关于datagridview的分页，但大多是用ADO.NET框架的。最近在学习EntityFramework框架，再借鉴之前看到的分页刚好用来练手。 ADO框架分页的原创作者一时间想不起来，但您如果看到，请与我联系！ 嗯，菜鸟，所以界面不会好看到哪。 (￣▽￣”) ======================================== 首先设置全局变量int I
JQuery DataGrid 中文文档
LEE_ZCF
04-05 4944
数据表格 继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。 依赖关系 控制面板缩放链接按钮分页 使用方法 table id="tt">table>   $('#tt').datagrid({       url:'datagrid_data.js
asp.net 中DataGrid自定义分页(简单,实用,易懂)
johncools的博客
04-26 1060
在asp.net 中,DataGrid自定义分页是个常见的问题.在项目中,很多人采用aspnetpage控件结合高效SQL存储过程分页.本文将采用简单、易懂的方式来实现项目中的分页要求.项目中数据表记录为80000,0条.分页速度很快的.本人对照了下,在如此记录情况下,使用DataGrid自带的分页功能,在切换到下一页时，cpu有使用100% 的过程;而使用本文的方法自定义分页，cpu使用只有百分
C# DataTable排序分页类实现与调用
在C#开发中，尤其是在处理大量数据展示的Web或桌面应用程序时，分页与排序是两个极为关键的功能。标题“C# 排序分页类（传入DataTable，及相关信息，然后分页，并排序）”明确指出了该组件的核心功能：接收一个...
var toolbar = [{ text:'删除', iconCls:'icon-cut', handler:function(){ var rows = $('#table-m1').datagrid('getSelections'); for (let i = 0; i < rows.length; i++) { var row = rows[i]; var index = $('#table-m1').datagrid('getRowIndex',row); var originalRows = $('#table-m1').datagrid('getData').originalRows; $('#table-m1').datagrid('deleteRow',index) originalRows = originalRows.filter(function (item) { return item.id !== row.id; }) $('#table-m1').data('datagrid').originalRows = null; $('#table-m1').datagrid('loadData',originalRows) } } },]; var options = { tableName: "orderCustomInvoice",//表名 toolbar:toolbar,//工具栏 columns: cols,//列 data: [], pagination: true,//是否使用分页 pageSize:25, pageList: [25,50,100,150], nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取 striped : true,//设置为true将交替显示行背景。 collapsible : true,//显示可折叠按钮 fitColumns:true,//允许表格自动缩放，以适应父容器 rownumbers:true, remoteSort: false,//排序必填（是否在后端排序的基础上排序） sortOrder: 'asc,asc',//排序方式 sortName: "sap_sn,order_seq",//排序字段 multiSort: true,//定义是否启用多列排序 loadFilter:pagerFilter, callback: function (data) {//回调， } }; //初始化列表 initEasyUiTable('#table-m1', options); //客户端分页，美化明细表 function pagerFilter(data){ if (typeof data.length == 'number' && typeof data.splice == 'function') { // is array data = { total: data.length, rows: data } } //这个函数为每次表格加载数据的过滤函数，data中包含原始数据，返回的是真正要显示出来的数据 //获取Datagrid对象 var dg = $(this); //获取选项对象，此处该对象用于保存分页时的相关信息 var opts = dg.datagrid('options'); //获取分页器 var pager = dg.datagrid('getPager'); //重写表格所使用分页器的onSelectPage方法，此方法在用户选择新的页面时触发，即改变pageNum或pageSize时触发 //此处真正的翻页逻辑并不在onSelectPage方法里面，可以看到在该方法中仅仅是将新页面的参数(pageNum, pageSize)保存在opts对象中， //这两个参数在后面的代码中被使用 pager.pagination({ onSelectPage:function(pageNum, pageSize){ opts.pageNumber = pageNum; opts.pageSize = pageSize; //下面注释的代码我暂时不明白有什么作用，没有他们分页功能仍然能够正确实现 // pager.pagination('refresh',{ // pageNumber:pageNum, // pageSize:pageSize // }); //此处loadData方法会加载本地数据，即data中的数据，data中包含有初次加载的所有数据 dg.datagrid('loadData',data); //上述方法执行时会被pagerFilter拦截到，并对初始数据进行筛选，以达到分页的效果 }, layout:['list','sep','first','prev','sep','links','sep','next','last','sep','refresh'] }); //真正的分页逻辑 //第一次进入pagerFilter函数时，data中只有rows中保存了数据，并无originalRows属性，实现客户端分页时，需要在一开始将这些数据保存在 //originalRows中，成为后续分页的基础数据，所以只要originalRows属性存在且不为空，分页时的基础数据便一直是originalRows中保存的数据 if(!data.originalRows){ data.originalRows =(data.rows); } //取出选择新的页面时，新页面的参数，前面已经保存在opts对象中了 var start =(opts.pageNumber-1)*parseInt(opts.pageSize); var end = start + parseInt(opts.pageSize); //下面对初始数据进行筛选，并将结果放在data.rows中，页面每次加载时只会显示data.rows中的数据 data.rows =(data.originalRows.slice(start, end)); //返回data，完成分页 data.content = (data.originalRows.slice(start, end)); data.pageable = {"pageNumber":opts.pageNumber,"pageSize":opts.pageSize,"searchCount":false}; data.pageNumber = opts.pageNumber; data.pageSize = opts.pageSize; data.totalPages = Math.ceil(data.total / data.pageSize); // console.log(data); return data; }
最新发布
08-07
使用 `datagrid('deleteRow', index)` 方法根据索引删除表格中的对应行。 4. **同步原始数据** `datagrid` 组件通常会维护一个原始数据集合 `originalRows`，在删除行后，需要同步更新该数据集合。可以使用 `...
JQuery Easy Ui dataGrid 数据表格
一万年太久 - 只争朝夕
03-24 5901
数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法  继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。. 数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的，功能丰
c#在winform中用DataGridView实现分页效果
热门推荐
xiangmuxiazai的专栏
05-04 2万+
<br /> <br /><br /> <br /> <br /> <br />public partial class Form11 : Form<br />    {<br />        public Form11()<br />        {<br />            InitializeComponent();<br />        }<br /> <br />        private int Inum = 1;  //行号，规定其索引初始值为1<br />
C#中 取时间的年月日时分秒
Priate
07-17 3303
C#中 取时间的年月日时分秒1:时间格式转换System.DateTime currentTime=new System.DateTime();1.1 取当前年月日时分秒currentTime=System.DateTime.Now;1.2 取当前年int 年=currentTime.Year;1.3 取当前月int 月=curren
eWebEditor V7.3 for asp.net版本编辑器带后台版本_新增加防止图片木马上传
Priate
06-09 2827
eWebEditor V7.3 for asp.net版本编辑器带后台版本，可以生成破解码的 今天破解了eWebEditor编辑器最新版本7.3版本带后台管理，无功能限制，支持全部功能。 新增加防止图片木马上传 大家可以下载这个版本！ 支持所有浏览器，演示：http://www.ewebeditor.net/demo7/ 下载地址：http://download
asp.net获得字符串实际长度（包括中文字符）
Priate
02-13 2528
//获得字符串oString的实际长度public int StringLength(string oString){byte[] strArray=System.Text .Encoding.Default .GetBytes (oString);int res=strArray.Length ;return res;} 
asp.net判断是否为数字
Priate
02-13 2313
 /**//// /// 名称：IsNumberic/// 功能：判断输入的是否是数字/// 参数：string oText：源文本/// 返回值：　bool true:是　false:否/// public bool IsNumberic(string oText){try{int var1=Convert.ToInt32 (oText);return true;}catch{return fa
asp.net变量.Substring(参数1,参数2)
Priate
02-13 2013
截取字串的一部分，参数1为左起始位数，参数2为截取几位。　　如：string s1 = str.Substring(0,2); 
CKFinder2.1 破解办法
Priate
09-28 1430
1.查找: ，改为 这里注意下大小写 这样文件列表右边的那就没显示版权了 2.解决左边右下脚的: 查找： \x54\150\151\163\x20\x69\163\040\x74\150\x65\040\104\x45\115\x4f\040\166\x6
WPF中ListBox与DataGrid分页功能实现教程
本文将详细探讨如何在WPF中使用ListBox和DataGrid控件实现数据的分页功能。 ### WPF中的ListBox控件与分页 ####ListBox控件基础 ListBox是WPF中用于显示一系列可选择项的控件。它以列表的形式显示数据项，用户...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mastermanager

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值