讓您的主頁(yè)支持各種瀏覽設(shè)備（ASP+篇)(上）

2019-11-18 22:16:24

字體：大中小

供稿：網(wǎng)友

http://www.aspcn.com 飛刀
前面我們看到了對(duì)于移動(dòng)控件的介紹，現(xiàn)在我們具體來(lái)看看他的用法.

使用移動(dòng)控制
使用移動(dòng)控制就和使用其它ASP+控制一樣簡(jiǎn)單。事實(shí)上他更加簡(jiǎn)單，因?yàn)樗钱a(chǎn)生整個(gè)頁(yè)面，而不是部分頁(yè)面。我們甚至
不必去考慮<? xml ....?>和<doctype .......>這些標(biāo)簽，他們會(huì)自動(dòng)添加。

我們使用Paner控制來(lái)產(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>

注意：在以前的版本中，每個(gè)頁(yè)面必須有一個(gè)Mobile:form，現(xiàn)在不需要了。

下面是上面的程序在普通瀏覽器上看到的結(jié)果：

但是，如果您用WAP手機(jī)來(lái)觀看，就會(huì)看到下面的結(jié)果 :

下面我們將在頁(yè)面中加上一個(gè)包含用戶名的歡迎信息，因此我們得在這個(gè)deck中加上另外一個(gè)Panel控制。

<Mobile:Panel runat=server id="pnlTwo">
  <Mobile:Form runat="server">
    <Mobile:Label runat="server" id="WelcomeMessage" Type="Title"/>
  </Mobile:Form>
</Mobile:Panel>

我們讓用戶按下OK鍵后再顯示這個(gè)信息。在WAP手機(jī)中有不同的操作方法，意思一樣。所以，我們還得寫一此VB代碼來(lái)處理
這個(gè)事件。

<script language="vb" runat="server">
  Sub Button_OnClick(Sender As Object, Args As EventArgs)
    WelcomeMessage.Text = "Welcome '" & NameEdit.Text & "'"
    SetCurrentPanel (pnlTwo)
  End Sub
</script>

在第一個(gè)card(或者是panel)中包含一個(gè)command控制，它指定了事件和銨鈕的名字:

<Mobile:Command runat="server" id="Button" Label="OK"
  TargetType="FormAccept" OnClick="Button_OnClick" />

子程序中的代碼主要是用于從Textbox控制中收集用戶名，然后在第二個(gè)panel中的labael顯示：

WelcomeMessage.Text = "Welcome '" & NameEdit.Text & "'"

當(dāng)這些都完成了，我們就來(lái)啟動(dòng)每個(gè)頁(yè)面

SetCurrentPanel (pnlTwo)

上一篇：讓您的主頁(yè)支持各種瀏覽設(shè)備（ASP+篇)(下）

下一篇：使用ASP常見問(wèn)題解答