控制項學習三(從繼承開始)

 

三.從繼承開始

1.繼承控制項

所有的控制項設計,都是從繼承一個物件而來。

當我們建立一個新的控制項專案,系統會自動生成一些程式碼,例如,

Inherits System.Web.UI.WebControls.WebControl

繼承WebControl的好處是:它有所有web控制項最基本的屬性、方法和事件。

當然,要讓這些發揮效果,Render程式碼中還有做一些事情。

    Protected Overrides Sub Render(ByVal output As System.Web.UI.HtmlTextWriter)

        output.Write("write...")

    End Sub


 

關於Render方法

為什麽Render方法可以顯示控制項?

其實,您仔細看的話,會發現每個控制項一定都會有Render方法,連WebFormPage都有,就是因為WebFormRneder方法,會去呼叫WebForm上每個控制項的Render方法,並傳入【System.Web.UI.HtmlTextWriter】,而每一個Web控制項透過傳入的【System.Web.UI.HtmlTextWriter】,將自己的HTML碼輸出,一個接一個,WebForm上面的每一個控制項,都會透過傳入的【System.Web.UI.HtmlTextWriter】物件,將自己的HTML嗎會被逐一顯示出來,因此,整個WebForm機制就完成了,HTML碼被完整的輸出到使用者端,變成我們看到的網頁。

 

1.      繼承複雜的類別

假定我們要擴充【Panel控制項】的功能。那么就需要繼承System.Web.UI.WebControls.Panel

<DefaultProperty("ScrollBars"), ToolboxData("<{0}:ScrollPanel runat=server></{0}:ScrollPanel>")> Public Class ScrollPanel

    Inherits System.Web.UI.WebControls.Panel

之所以要繼承Panel,就是希望原本Panel的一些功能都還有,所以需要修改Rneder方法。

    '覆寫Render

    Protected Overrides Sub Render(ByVal writer As System.Web.UI.HtmlTextWriter)

        MyBase.Render(writer)

    End Sub

也就是說,我們在複寫了【Render】方法之後,也要回頭呼叫原本繼承的物件(MyBase)的【Render】方法,並且傳入自己的【System.Web.UI.HtmlTextWriter】當作參數。這一做是為了在複寫【Render】方法之後,還能確保繼承的父類別的Render方法有被正常呼叫到。

之所以要呼叫到繼承的父類別的Render的方法,是為了讓繼承來的ScorllPanel可以正常顯示,原本繼承Panel而來的ScrollPanel控制項的Render方法,本身就包含了顯示PanelHTML碼為<div style..>…</div>)的程式碼,而這些程式碼都會存在與繼承的Render方法中,所以,我們複寫了父類別的Render,就要在我們的Render程式碼中,呼叫自己基地類別(父類別)的Render方法。

如果不呼叫會怎樣?那網頁輸出后就會完全看不到這個控制項,因為主要的父類別Render方法(在網頁上產生一個<div style…>…</div>的程式碼)并沒有執行到。

如果我們乾脆不複寫這個方法呢?也行,那ScrollPanel的顯示就會和原本的Panel一樣(因為繼承自Panel控制項)。

複寫Render方法時的HtmlTextWriter物件

    '底下的Render會產生一段按鈕的HTML 例如:<Button> 標題文字 </Button>

    Protected Overrides Sub Render(ByVal output As System.Web.UI.HtmlTextWriter)

        '註冊一個隱藏欄位

        Me.Page.RegisterHiddenField("For_WebCustomControl1", "")

        'Render控制項HTML碼

        Dim JavaScript As String

        '建立 Postback 用的 JavaScript

        JavaScript = "Form1.For_WebCustomControl1.value='" & Me.ClientID & "';Form1.submit();"

        output.AddAttribute("onclick", JavaScript)

        output.AddAttribute("id", Me.ClientID)

        output.AddAttribute("name", Me.ClientID)

        output.RenderBeginTag("button")

        output.Write(Me.Text)

        output.RenderEndTag()

    End Sub

注意,在.AddAttribute被执行时,并不會立刻輸出屬性,而是等到第二行“RenderBeginTag”執行時,才會將先前“AddAttribute”加入的屬性值,整合在要顯示的標記中一并輸出。

原文地址:https://www.cnblogs.com/htht66/p/1334164.html