自动处理过长字符串显示的Web控件

简介:
我们很多时候需要在一行上显示一段说明文字,而由于Web页面宽度的不确定性,我们任意调节其宽度后,常常搞得文字撑出页面或者折成好多行 emsad.gif。通过使用CSS,我们可以限制为一行的宽度,并使多余的字符隐藏。为了方便,做成一个小Web控件来使用。
   
None.gif using System;
None.gif using System.Web.UI;
None.gif using System.Web.UI.WebControls;
None.gif using System.ComponentModel;
None.gif
None.gif namespace cnblogs.birdshome.WebControls
ExpandedBlockStart.gif ContractedBlock.gif dot.gif{
ExpandedSubBlockStart.gif ContractedSubBlock.gif     /**/ ///   <summary>
InBlock.gif    
///  Summary description for AutoLabel.
ExpandedSubBlockEnd.gif    
///   </summary>
InBlock.gif    [DefaultProperty("Text"), 
InBlock.gif        ToolboxData("<{0}:AutoLabel runat=server></{0}:AutoLabel>")]
InBlock.gif     public  class AutoLabel : System.Web.UI.WebControls.Label
ExpandedSubBlockStart.gif ContractedSubBlock.gif     dot.gif{
InBlock.gif         protected  override  void CreateChildControls()
ExpandedSubBlockStart.gif ContractedSubBlock.gif         dot.gif{
InBlock.gif             base.CreateChildControls ();
InBlock.gif             this.Width = Unit.Percentage(100);
InBlock.gif             this.Attributes["onmouseover"] = 
InBlock.gif                 "if ( this.clientWidth < this.scrollWidth ) this.title = this.innerText; else this.title = '';";
InBlock.gif             this.Attributes.CssStyle["white-space"] = "nowrap";
InBlock.gif             this.Attributes.CssStyle["overflow"] = "hidden";
InBlock.gif             this.Attributes.CssStyle["text-overflow"] = "ellipsis";
ExpandedSubBlockEnd.gif        }
ExpandedSubBlockEnd.gif    }
ExpandedBlockEnd.gif}

    AutoLabel继承至Label控件,默认宽度为"100%",当把AutoLabel放入容器类元素中后,其内容的宽度受容器大小自动调整。并且当AutoLabel出现"..."号后,鼠标放在上面,其ToolTip会自动显示器完整内容。 如下图:

    AutoLabel.gif

    enjoy it!

本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

目录
相关文章
|
7天前
|
SQL 存储 C#
C# Web控件与数据感应之 TreeView 类
C# Web控件与数据感应之 TreeView 类
|
7天前
|
SQL 存储 Oracle
C# Web控件与数据感应之 CheckBoxList 类
C# Web控件与数据感应之 CheckBoxList 类
|
7天前
|
SQL 存储 Oracle
C# Web控件与数据感应之 Control 类
C# Web控件与数据感应之 Control 类
|
7天前
|
SQL 存储 Oracle
C# Web控件与数据感应之 ListControl 类
C# Web控件与数据感应之 ListControl 类
|
3月前
|
人工智能 前端开发 Java
软件测试/人工智能|熟练使用web控件定位技巧,提升测试工作效率!
软件测试/人工智能|熟练使用web控件定位技巧,提升测试工作效率!
199 1
|
3月前
|
SQL 开发框架 前端开发
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
36 0
|
10月前
|
Web App开发 开发框架 JavaScript
|
10月前
|
搜索推荐 JavaScript 数据可视化
数据可视化大屏高德地图javascript webAPI开发的智慧治安物联网管理系统实战解析(web GIS、3D视图、个性化地图、标注、涟漪动画、自定义弹窗、3D控件)
数据可视化大屏高德地图javascript webAPI开发的智慧治安物联网管理系统实战解析(web GIS、3D视图、个性化地图、标注、涟漪动画、自定义弹窗、3D控件)
394 0
|
算法 PHP C语言
【web开发基础】PHP快速入门(5)-PHP运算符之算术运算符和字符串运算符详解
运算符用于执行程序代码运算,会针对一个以上操作数项目来进行运算。例如:2+3,其操作数是2和3,而运算符则是"+"。如在vb2005中运算符大致可以分为5种类型:算术运算符、连接运算符、关系运算符、赋值运算符和逻辑运算符;PHP也同样包含这些运算符。 运算符和变量是所有计算机编程语言中的不可或缺的一部分,是一个命令解释器对一个或多个操作数(变量或数值)执行某种运算的符号,也称为操作符
182 1
|
JavaScript
web:翻转字符串中的单词
第一种方法:直接暴力分割,再单个求翻转后的单词,最后再添加到一个最新的字符串中。 /** @param N Number @return Boolean
74 0