Web kontrol készítése SPAN helyett DIV-ből

Mellékelt példa megnyitása előtt szükséges egy Div nevű virtuális könyvtár létrehozása, mely a példa könyvtárára mutat. Ehhez nyissa meg a mellékelt mappa Tulajdonság ablakát és itt a Webmegosztás lapon engedélyezze a mappa megosztását olvasási és parancsfájlok futtatási jogával.

A megoldás kulcsa az új kontrolunk konstruktoránál keresendő. Itt ha megadjuk a base kulcsszót, akkor az ősosztály konstruktorában rendelkezhetünk arról, hogy milyen HTML objektum kerüljön felhasználásra. A tennivalónk csupán annyi, hogy a HtmlTextWriterTag felsorolt típus elmei közül előkeressük a DIV-et. Ennek hatására a generálandó HTML kódban a web kontrolunk a DIV-ből jön létre.

Szükség esetén a kontrolt bármilyen HTML objektumból származtathatjuk, ez csupán attól függ, hogy a HtmlTextWriterTag felsorolt típus elemei közül mit választunk.

    public DivControl(): base(HtmlTextWriterTag.Div) 
    {
      Width = 200;
      Height = 100;
      BackColor = Color.Bisque;
    }

A Render függvényben használjuk fel a RenderBeginTag és a RenderEndTag függvényeket, annak érdekében, hogy a kontrolunkban létrejöjjön a DIV keret.

    protected override void Render(HtmlTextWriter output)
    {
      RenderBeginTag(output);
      output.Write(Text);
      RenderEndTag(output);      
    }

A kontrol által generált HTML kódban jól látható hogy elértük a kívánt eredményt.

<div id="DivControl1" ...>
  Software Online
</div>