Spread AJAX Extenders 之旅-水印功能

本文主要通过代码讲述Spread AJAX Extenders 之旅-水印功能

发布于 2012/11/14 00:00

SpreadJS

使用 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.效果图:


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

SpreadJS | 下载试用

纯前端表格控件SpreadJS,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金等行业龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能,满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

如下资源列表,可以为您评估产品提供帮助:

相关产品
推荐相关案例
推荐相关资源
关注微信
葡萄城社区二维码

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态