PowerTools SPREAD for ASP.NET 8.0J > 開発者の手引き > セル型 > AJAX Control Toolkitを使用したセル型 > ウォーターマーク型セル |
ウォーターマーク型セルは、AJAX ControlToolkit のTextBoxWatermarkコントロールの機能を実現します。
フォーカスがない状態(ウォーターマークが表示されます) |
編集モード(ウォーターマークは表示されません) |
このセル型の作成や設定は、TextBoxWatermarkCellType クラスを使用して行います。
AJAX ControlTookitを使用したセル型の設定方法や注意点については「AJAX Control Toolkitを使用したセル型」を参照してください。 |
ウォーターマーク型セルは、セルの値が空でセルにフォーカスがないときに、代わりとなるテキスト(ウォーターマーク)を表示します。表示するテキストは、WatermarkText プロパティで設定します。テキストのスタイルはCSSで定義し、WatermarkCssClass プロパティで指定します。
次のサンプルコードは、ウォーターマーク型セルを設定する例です。
<style type="text/css"> .style1 { background-color : aliceblue; color : red; } .editStyle { background-color : yellow !important; color:blue !important; } .watermarked { height: 18px; width: 150px; padding: 2px 0 0 2px; border: 1px solid #BEBEBE; background-color: #F0F8FF; color: gray; } </style>
FarPoint.Web.Spread.Extender.TextBoxWatermarkCellType tb = new FarPoint.Web.Spread.Extender.TextBoxWatermarkCellType(); tb.WatermarkText = "値を入力してください。"; tb.WatermarkCssClass = "watermarked"; FpSpread1.ActiveSheetView.Cells[0, 0].CellType = tb;
Dim tb As New FarPoint.Web.Spread.Extender.TextBoxWatermarkCellType() tb.WatermarkText = "値を入力してください。" tb.WatermarkCssClass = "watermarked" FpSpread1.ActiveSheetView.Cells(0, 0).CellType = tb