您的位置:首页 > Web前端 > CSS

UltraWebGrid自定义分页样式

2009-11-09 18:55 423 查看
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.增加点击文本框即清空的功能

以下为截图

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: