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.增加点击文本框即清空的功能
以下为截图
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.增加点击文本框即清空的功能
以下为截图
相关文章推荐
- 使用UltraWebGrid控件分页功能注意事项
- Infragistics控件对UltraWebGrid单元格编辑进行控制及样式设置
- UltraWebGrid在不分页的情况下默认只能显示50条数据的问题
- UltraWebGrid两种显示样式
- 轻松实现UltraWebGrid中的分页控制 [听堂兄的]
- 关于ultrawebgrid的列的样式
- 使用UltraWebGridExcelExporter控件导出分页Grid所有数据的简单解决办法
- 轻松实现UltraWebGrid中的分页控制
- 轻松实现UltraWebGrid中的分页控制
- 轻松实现UltraWebGrid中的分页控制 [转]
- 轻松实现UltraWebGrid中的分页控制
- UltraWebGrid中的分页控制
- UltraWebGrid 分页
- UltraWebGrid中的分页控制
- web中自定义鼠标样式
- .Net通用分页类(存储过程分页版,完全自定义显示样式,包括中英显示)
- GridView自定义分页样式(上一页,下一页,到第几页)
- [转]Oracle分页之二:自定义web分页控件的封装
- UltraWebGrid使用,注意事项集合
- 为UltraWebGrid 行中的按钮添加操作确认提示