這一章介紹關於ASP+的服務器端的控件
除了使用<%%>號以外,ASP+ 的程序開發者目前可以使用新的標簽來生成動態的頁面了,新的服務器控可以在ASP+ 文件中利用一個
特殊的tag runat=server來聲明
下面的例子中用到了以下幾個服務器控件<form runat=server>, <asp:textbox runat=server>, <ASP:dropdownlist
runat=server>, and <ASP:button runat=server>在運行的過程中他們都會自動生成Html代碼
<Html>
<head>
<link rel="stylesheet"href="intro.CSS">
</head>
<body>
<center>
<form action="intro4.ASPx" method="post" runat=server>
<h3> Name: <ASP:textbox id="Name" runat="server"/>
Category: <ASP:dropdownlist id="Category" runat=server>
<asp:listitem>psychology</ASP:listitem>
<asp:listitem>business</ASP:listitem>
<asp:listitem>popular_comp</ASP:listitem>
</ASP:dropdownlist>
<ASP:button text="Lookup" runat="server"/>
</form>
</center>
</body>
</Html>
這個例子的運行結果在
http://tutorial.superexpert.com/quickstart/aspplus/samples/webforms/intro/intro4.ASPx
注意:這些服務器控件都會在客戶端生成Html代碼,但是這些服務器控件的內容並沒有保存在Hidden 中,而是事實在在 的保存
在 頁面之間,而且在客戶端沒有任何的 script 代碼
除了這些輸入的服務器控件,ASP+ 允許開發者自己去豐富一些定植的控件,例如在下面的例子中我們將要看到的
<ASP:adrotator>控件就是動態的生成廣告圖片
<Html>
<head>
<link rel="stylesheet"href="intro.CSS">
</head>
<body>
<center>
<form action="intro5.ASPx" method="post" runat="server">
<ASP:adrotator AdvertisementFile="ads.XML" BorderColor="black" BorderWidth=1 runat="server"/>
<h3> Name: <ASP:textbox id="Name" runat="server"/>
Category: <ASP:dropdownlist id="Category" runat=server>
<asp:listitem>psychology</ASP:listitem>
<asp:listitem>business</ASP:listitem>
<asp:listitem>popular_comp</ASP:listitem>
</ASP:dropdownlist>
<ASP:button text="Lookup" runat="server"/>
</form>
</center>
</body>
</Html>
廣告文件的內容是:
<Advertisements>
<Ad>
<ImageUrl>/quickstart/ASPplus/images/banner1.gif</ImageUrl>
<TargetUrl>http://www.microsoft.com</TargetUrl>
<AlternateText>Alt Text</AlternateText>
<KeyWord>Computers</KeyWord>
<ImPRessions>80</Impressions>
</Ad>
<Ad>
<ImageUrl>/quickstart/ASPplus/images/banner2.gif</ImageUrl>
<TargetUrl>http://www.microsoft.com</TargetUrl>
<AlternateText>Alt Text</AlternateText>
<Keyword>Computers</KeyWord>
<Impressions>80</Impressions>
</Ad>
<Ad>
<ImageUrl>/quickstart/ASPplus/images/banner3.gif</ImageUrl>
<TargetUrl>http://www.microsoft.com</TargetUrl>
<AlternateText>Alt Text</AlternateText>
<Keyword>Computers</KeyWord>
<Impressions>80</Impressions>
</Ad>
</Advertisements>