讓您的首頁支持各種瀏覽設(shè)備(ASP+篇)(上)
發(fā)表時間:2024-01-02 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]http://www.aspcn.com 飛刀前面我們看到了對于移動控件的介紹,現(xiàn)在我們具體來看看他的用法.使用移動控制使用移動控制就和使用其它ASP+控制一樣簡單。事實(shí)上他更加簡單,因為他是產(chǎn)生整個頁面,而不是部分頁面。我們甚至不必去考慮<? xml ....?>和<docty...
http://www.aspcn.com 飛刀
前面我們看到了對于移動控件的介紹,現(xiàn)在我們具體來看看他的用法.
使用移動控制
使用移動控制就和使用其它ASP+控制一樣簡單。事實(shí)上他更加簡單,因為他是產(chǎn)生整個頁面,而不是部分頁面。我們甚至
不必去考慮<? xml ....?>和<doctype .......>這些標(biāo)簽,他們會自動添加。
我們使用Paner控制來產(chǎn)生<card>和<deck>
<Mobile:Panel runat="server" id="pnlMain">
<Mobile:Form runat="server">
<Mobile:Label runat="server">Enter your name:</Mobile:Label>
<Mobile:TextBox runat="server" id="NameEdit" />
<Mobile:Command runat="server" id="Button" Label="OK"
TargetType="FormAccept" OnClick="Button_OnClick" />
</Mobile:Form>
</Mobile:Panel>
注意:在以前的版本中,每個頁面必須有一個Mobile:form,現(xiàn)在不需要了。
下面是上面的程序在普通瀏覽器上看到的結(jié)果:
但是,如果您用WAP手機(jī)來觀看,就會看到下面的結(jié)果 :
下面我們將在頁面中加上一個包含用戶名的歡迎信息,因此我們得在這個deck中加上另外一個Panel控制。
<Mobile:Panel runat=server id="pnlTwo">
<Mobile:Form runat="server">
<Mobile:Label runat="server" id="WelcomeMessage" Type="Title"/>
</Mobile:Form>
</Mobile:Panel>
我們讓用戶按下OK鍵后再顯示這個信息。在WAP手機(jī)中有不同的操作方法,意思一樣。所以,我們還得寫一此VB代碼來處理
這個事件。
<script language="vb" runat="server">
Sub Button_OnClick(Sender As Object, Args As EventArgs)
WelcomeMessage.Text = "Welcome '" & NameEdit.Text & "'"
SetCurrentPanel (pnlTwo)
End Sub
</script>
在第一個card(或者是panel)中包含一個command控制,它指定了事件和銨鈕的名字:
<Mobile:Command runat="server" id="Button" Label="OK"
TargetType="FormAccept" OnClick="Button_OnClick" />
子程序中的代碼主要是用于從Textbox控制中收集用戶名,然后在第二個panel中的labael顯示:
WelcomeMessage.Text = "Welcome '" & NameEdit.Text & "'"
當(dāng)這些都完成了,我們就來啟動每個頁面
SetCurrentPanel (pnlTwo)