Spread AJAX Extenders 之旅-水印功能

收藏

使用 TextBoxWatermarkCellType 实现水印功能
关于使用 TextBoxWatermarkCellType 的准备工作，请参考：
http://gcdn.grapecity.com/showtopic-2992.html

使用 Spread TextBoxWatermarkCellType 可以实现水印功能，提示用户输入，从而增强网站的体验性，下面介绍 TextBoxWatermarkCellType 的使用方法。
TextBoxWatermarkCellType 重要属性说明：
1.    CssClass  ：获取或设置 Css Class 名称。
2.    Editor    ：获取或设置编辑控件。
3.    Extenders：获取或设置编辑控件的扩展控件。
4.    WatermarkText：获取或设置水印文本内容。
5.    MaskedEditValidator：获取或设置输入文本校验器。
6.    WatermarkCssClass：获取或设置水印 Css Class。

下面通过实例来展示如何使用 TextBoxWatermarkCellType 实现水印功能。
1. 创建 TextBoxWatermarkCellType并设置相关属性。
a.后台代码：

FarPoint.Web.Spread.Extender.TextBoxWatermarkCellType tb = new FarPoint.Web.Spread.Extender.TextBoxWatermarkCellType();
tb.WatermarkText = "Required";
tb.WatermarkCssClass = "watermarked";
FpSpread1.ActiveSheetView.Cells[0, 0].CellType = tb;

复制代码

b.前台 Css 代码：

<style type="text/css">
.watermarked {
height:18px;
width:150px;
padding:2px 0 0 2px;
border:1px solid #BEBEBE;
background-color:Orange;
color:Green;
font-style:italic;
}
</style>

复制代码

c.效果图:

png

下面是使用：TextBoxWatermarkCellType 演示 Demo：
开发环境：VS2010 + Srpead for ASP.NET V5.0.3524.2008

TextBoxWatermarkCellType.zip (2.54 MB, 下载次数: 329)

		自动登录	找回密码
密码			立即注册

Spread AJAX Extenders 之旅-水印功能

0 个回复

活字格认证

微信认证勋章

元老葡萄