UltraWebGrid自定义分页样式

本文分享了对UltraWebGrid自带分页样式进行改进的方法,包括解决文本框点击无效的问题、增加回车分页功能及点击清空文本框功能。

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

UltraWebGrid自带的分页样式不能满足我的需要,于是在网上找了很多种UltraWebGrid分页样式,发现

http://www.cnblogs.com/myx/archive/2009/01/21/1301454.html

对我的帮助挺大。

 

但不幸的是,运行起来之后,点击文本框,居然打不进字,我看了一下源码,原来是igtbl_onPagerClick阻止了文本框的点击事件。

 

在他的基础下我改进了一下。

 

 this.UltraWebGrid1.DisplayLayout.Pager.Pattern = "<table width=100%><tr><td align=left>页码:[currentpageindex]/[pagecount] 每页:[pagesize] 共" + RowCount + "条数据</td><td align=right>[page:1:首页]   [default]   [page:[pagecount]:尾页]   <input id=" +UltraWebGrid1.ClientID + "_PageNum" + " size=1 type=text  maxlength='" + RowCount.ToString().Length.ToString() + "' onclick='event.cancelBubble=true;this.focus();  this.value=/"/";' onkeydown='if(event.keyCode==13)igtbl_pageGrid(event,/"" + UltraWebGrid1. ClientID+ "/",document.getElementById(/"" + UltraWebGrid1. ClientID+ "_PageNum/").value);' value='" + this.DisplayLayout.Pager.CurrentPageIndex.ToString() + "'/> <input id=btgo type=button value=go onclick='javascript:igtbl_pageGrid(event,/"" + UltraWebGrid1.ClientID + "/",document.getElementById(/"" +UltraWebGrid1. ClientID + "_PageNum/").value);'/></td></tr></table>";

 

我在它的基础上

1.解决了文本框点击无效的BUG

2.增加了回车分页的功能

3.增加点击文本框即清空的功能

 

以下为截图

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值