This example shows how to extend the functionality of an existing control—the Label
control—and turn it into a RainbowLabel.This is accomplished through the use of
inheritance—RainbowLabel is a subclass of the System.Web.UI.WebControls.Label class.
The RainbowLabel class is as follows:
Imports System
Imports System.Web.UI
Imports System.Web.UI.WebControls
Imports System.ComponentModel
Public Class RainbowLabel
Inherits System.Web.UI.WebControls.Label
Public Property EnableRainbowMode() As Boolean
Get
If ViewState(“EnableRainbowMode”) Is Nothing Then
Return True
Else
Return Boolean.Parse(CStr(ViewState(“EnableRainbowMode”)))
End If
End Get
Set(ByVal Value As Boolean)
ViewState(“EnableRainbowMode”) = Value
End Set
End Property
Protected Overrides Sub Render(ByVal output As HtmlTextWriter)
If EnableRainbowMode Then
output.Write(ColorizeString([Text]))
Else
output.Write([Text])
End If
End Sub ‘Render
Private Function ColorizeString(ByVal input As String) As String
Dim output As New System.Text.StringBuilder(input.Length)
Dim rand As Random = New Random(DateTime.Now.Millisecond)
Dim i As Integer
For i = 0 To input.Length - 1
Dim red As Integer = rand.Next(0, 255)
Dim green As Integer = rand.Next(0, 255)
Dim blue As Integer = rand.Next(0, 255)
output.Append(“<font color=””#”)
output.Append(Convert.ToString(red, 16))
output.Append(Convert.ToString(green, 16))
output.Append(Convert.ToString(blue, 16))
output.Append(“””>”)
output.Append(input.Substring(i, 1))
output.Append(“</font>”)
Next i
Return output.ToString()
End Function
End Class
To use this control, you need to do the following:
<%@ Page language=”VB” %>
<%@ Register TagPrefix=”AspNetCookbook” Namespace=”AspNetCookbook”
Assembly=”AspNetCookbook” %>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN” >
<html>
<head>
<title>03 Custom Controls - 02 Extending Existing Web Controls</title>
</head>
<body>
<form id=”Form1” method=”post” runat=”server”>
<AspNetCookbook:RainbowLabel text=”This is a rainbow colored test string”
runat=”server”/><br />
<AspNetCookbook:RainbowLabel EnableRainbowMode=”false”
text=”This is a test string” runat=”server”/>
</form>
</body>
</html>
This control creates a rainbow-ish pattern in the text it displays.This is accomplished by
encapsulating each character in <font> tags.The color on each character is randomized.
Although perhaps not the most useful control, it does demonstrate how easy it is to
extend the functionality of existing Web Controls. It is worth noting that the Label control
should not be overlooked as a powerful control on which to build—the validation
controls all inherit from the simple Label control.
Subscribe to:
Post Comments (Atom)
Archives
-
▼
2008
(100)
-
▼
September
(72)
- You can stream the binary data returned by SQL Ser...
- Inserting an Image into SQL Server
- Executing a Stored Procedure with No Results Returned
- Using a Tool to Create a Data Access Layer
- Using Microsoft’s Data Access Application
- Connecting to an ODBC Datasource
- Connecting to MySQL Database
- Connecting to a Microsoft Access Database
- Connecting to Oracle
- Connecting to SQL Server
- Catching Exceptions
- Handling Page Level Errors
- Raising Exceptions
- Enabling Page Level Tracing
- Logging Error Details
- Configuring a Default Error Page in ASP.NET
- Perform Custom Authentication on Each Request
- Creating a Simple Forms Authentication Logout Page
- Creating a Simple Forms Authentication Login Page
- Requiring Authentication to Access Files and Folders
- Configuring Windows Authentication
- Configuring Forms Authentication
- Reading and Storing Data in ViewState
- Reading and Storing Data in Cookies
- Reading and Writing Values to the Session Object
- Reading and Writing Values to the Application Object
- Configuring Sessions in your ASP.NET Application
- Configuring Application Error Handling
- Configuring Application Debugging
- Configuring Application Tracing
- Creating Custom Application Settings in the web.co...
- Storing and Reading Custom Settings from the web.c...
- Customizing Output for a Device
- Displaying ObjectList Information in a Table
- Configuring Automatic Paging of Content
- Navigation in a Mobile Web Form
- Creating a Mobile Web Form
- Implementing a CallBack when a Cached
- Using HttpContext for Per-Request Caching
- Varying Output Caching by HTTP Headers
- Varying Output Caching by Browser
- Varying Output Caching by Parameter(s)
- Creating a Cache Dependency
- Retrieving Data from the Cache
- Inserting Data into the Cache
- Partial Page Output Caching Using VaryByControl
- Page Output Caching
- Installing a Component in the Global Assembly Cach...
- Data-binding a TreeView Control
- Using the ToolBar IE Web Control
- Using the TabControl and PageView IE Web Controls
- Dynamically Adding Controls to a Web Form
- Creating a Templated Control
- Creating a Data-bound Control
- Creating a Composite Control
- Creating ViewState-Enabled Control Properties
- Extending Existing Web Controls
- Declaring a Simple Custom Control
- Programmatically Accessing Properties of a Late-Bo...
- Sharing User Controls Across Application Domains
- Raising Events from a User Control
- Dynamically Adding User Controls to a Web Form
- Partial Page Output Caching in ASP.NET
- Dynamically Adding User Controls to a Web Form in ...
- Getting and Setting User Control Properties in ASP...
- Adding a User Control to a Web Form in ASP.NET
- Declaring a User Control in ASP.NET
- Adding Client-Side Script to a Web Form in ASP.NET
- Persisting Data on a Web Form between Postbacks in...
- Working with ListBoxes in ASP.NET
- Creating Dependent DropDownList Controls in ASP.NET
- Working With DropDownLists in ASP.NET
-
▼
September
(72)
No comments:
Post a Comment