如何为CheckBoxList和RadioButtonList添加滚动条
更新时间:2021年9月22日 10:07 点击:1977
如何给CheckBoxList和RadioButtonList添加滚动条?
继承基类CheckBoxList和RadioButtonList,添加滚动属性,重写Render方法即可。
属性列表:
#region 滚动控制 private bool _ShowScrollBar = false; /// <summary> /// 显示滚动条 /// </summary> [ System.ComponentModel.Description("是否显示显示滚动条") , System.ComponentModel.DefaultValue(false) , System.ComponentModel.Category("滚动条设置") , System.ComponentModel.Bindable(System.ComponentModel.BindableSupport.Yes) ] public bool ShowScrollBar { get { return _ShowScrollBar; } set { _ShowScrollBar = value; } } private Overflow _OverflowY = Overflow.auto; /// <summary> /// 竖直滚动条 /// </summary> [ System.ComponentModel.Description("竖直滚动条") , System.ComponentModel.DefaultValue(Overflow.auto) , System.ComponentModel.Category("滚动条设置") , System.ComponentModel.Bindable(System.ComponentModel.BindableSupport.Yes) ] public Overflow OverflowY { get { return _OverflowY; } set { _OverflowY = value; } } private Overflow _OverflowX = Overflow.auto; /// <summary> /// 水平滚动条 /// </summary> [ System.ComponentModel.Description("水平滚动条") , System.ComponentModel.DefaultValue(Overflow.auto) , System.ComponentModel.Category("滚动条设置") , System.ComponentModel.Bindable(System.ComponentModel.BindableSupport.Yes) ] public Overflow OverflowX { get { return _OverflowX; } set { _OverflowX = value; } } private Unit _ScrollHeight = Unit.Parse("0px"); /// <summary> /// 滚动高度 /// </summary> [ System.ComponentModel.Description("滚动高度") , System.ComponentModel.Category("滚动条设置") , DefaultValue("0px") , System.ComponentModel.Bindable(System.ComponentModel.BindableSupport.Yes) ] public Unit ScrollHeight { get { return _ScrollHeight; } set { _ScrollHeight = value; } } private Unit _ScrollWidth = Unit.Parse("0px"); /// <summary> /// 滚动宽度 /// </summary> [ System.ComponentModel.Description("滚动宽度") , System.ComponentModel.Category("滚动条设置") , DefaultValue("0px") , System.ComponentModel.Bindable(System.ComponentModel.BindableSupport.Yes) ] public Unit ScrollWidth { get { return _ScrollWidth; } set { _ScrollWidth = value; } } private string _ScrollCssClass = ""; /// <summary> /// 滚动样式设置 /// </summary> [ System.ComponentModel.Description("滚动样式设置") , System.ComponentModel.Category("滚动条设置") , System.ComponentModel.DefaultValue("") , System.ComponentModel.Bindable(System.ComponentModel.BindableSupport.Yes) ] public string ScrollCssClass { get { return _ScrollCssClass; } set { _ScrollCssClass = value; } } #region 书写标签 void WriteBeginSpan(HtmlTextWriter writer) { if (this._ShowScrollBar) { StringBuilder strSpan = new StringBuilder(); strSpan.Append("<span "); strSpan.Append(string.Format("style='overflow-y:{0};overflow-x:{1};", System.Enum.GetName(typeof(Overflow), this._OverflowY), System.Enum.GetName(typeof(Overflow), this._OverflowX))); if (this._ScrollHeight.ToString() != "0px") { strSpan.Append(string.Format("height:{0};", this._ScrollHeight)); } if (this._ScrollWidth.ToString() != "0px") { strSpan.Append(string.Format("width:{0};", this._ScrollWidth)); } strSpan.Append("';"); if (!string.IsNullOrEmpty(_ScrollCssClass)) { strSpan.Append(string.Format(" class='{0}'", _ScrollCssClass)); } strSpan.Append(">"); writer.Write(strSpan.ToString()); } } void WriteEndSpan(HtmlTextWriter writer) { if (this._ShowScrollBar) { writer.Write("</span>"); } } #endregion #endregion
重写Render方法:
protected override void Render(HtmlTextWriter writer) { this.WriteBeginSpan(writer); base.Render(writer); this.WriteEndSpan(writer); }
就这样就可以了。
还要定义一个枚举:
public enum Overflow { auto = 0, hidden = 1, scroll = 2, visible = 3, inherit = 4 }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
相关文章
- 主要功能:获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 :$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 :$(document).width();...2015-10-21
- 这篇文章主要介绍了JavaScript 获取滚动条位置并将页面滑动到锚点的的相关资料,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以了解下...2021-02-09
- 这篇文章主要介绍了c# textbox的滚动条总是指向最底端的简单解决方法,需要的朋友可以参考下...2020-06-25
- 在开发中经常遇到去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条,大家基于js是怎么实现的呢?下面小编通过本文给大家详细介绍下,对js iframe滚动条相关知识感兴趣的朋友一起学习吧...2016-11-22
- 下面小编就为大家带来一篇js将滚动条滚动到指定位置的简单实现方法。小编觉得挺不错的, 现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-07-01
- 下面小编就为大家带来一篇DIV随滚动条滚动而滚动实现代码【推荐】。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-04-16
ASP.NET中CheckBoxList复选框列表控件详细使用方法
本文主要介绍CheckBoxList几种常见的用法,并做出范例演示供大家参考,希望对学习asp.net的朋友有所帮助。...2021-09-22快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
这篇文章主要介绍了快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突问题,感兴趣的小伙伴们可以参考一下...2016-04-18- <SCRIPT LANGUAGE="JavaScript1.1"> <!-- var autoScrollOn = 1;var scrollOnFunction;var scrollOffFunction; function scrollit(){if(!parent.d.document.inputfor...2016-11-25
C#实现两个richtextbox控件滚动条同步滚动的简单方法
这篇文章主要给大家介绍了C#实现两个richtextbox控件滚动条同步滚动的简单方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。...2020-06-25- gridview和checkboxlist的嵌套使用,会有效的提高开发的效率,不过很多的童鞋们对此还是很陌生的,接下来将帮助童鞋们实现gridview和checkboxlist的嵌套使用,感兴趣的朋友可以了解下,或许对你有所帮助...2021-09-22
- 用CheckBoxList实现单选的原因是我觉得CheckBoxList控件页面展示效果要好看一些,需要的朋友可以参考下...2021-09-22
- 这篇文章主要介绍了JS模拟简易滚动条效果代码,可模拟出滚动条拖动显示的效果,涉及JavaScript鼠标事件的响应及页面元素运算的相关技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下...2016-04-06
ASP.NET服务器端控件RadioButtonList,DropDownList,CheckBoxList的取值、赋值用法
这三个控件都有一个Items集合,可以用 RepeatLayout 和 RepeatDirection 属性来控制列表的呈现形式...2021-09-22- 项目需求是这样的:在一个页面放2个悬浮框,悬浮框随页面的上下滚动有上下波动的效果,最终固定在同一位置,下面通过本文给大家分享基于JavaScript实现div层跟随滚动条滑动的相关资料,对js div跟随滚动条滑动相关知识感兴趣的朋友一起学习吧...2016-01-14
- 这篇文章主要介绍了jQuery检测滚动条是否到达底部的实现方法,文中介绍了两种检测滚动条到达底部的状况,感兴趣的小伙伴们可以参考一下...2015-12-17
ASP.NET中RadioButtonList绑定后台数据后触发点击事件
这篇文章主要介绍了ASP.NET中RadioButtonList绑定后台数据后触发点击事件的相关资料,感兴趣的小伙伴们可以参考一下...2021-09-22- 这篇文章主要介绍了JavaScript添加随滚动条滚动窗体的方法,涉及JavaScript事件响应及页面元素动态操作相关技巧,需要的朋友可以参考下...2016-02-26
- 下面小编就为大家带来一篇JS弹出层遮罩,隐藏背景页面滚动条细节优化分析。小编觉得挺不错的,现在分享给大家,也给大家做个参考...2016-05-04
- 这篇文章主要介绍了jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)的关键代码,非常不错,代码简单易懂,需要的朋友可以参考下...2016-09-01