讓您的首頁支援各種瀏覽裝置（ASP.NET篇)(上）

    前面我們看到了對於行動控制項的介紹，現在我們具體來看看他的用法.

使用移動控制
使用移動控制就和使用其它ASP+控制一樣簡單。事實上他更加簡單，因為他是產生整個頁面，而不是部分頁面。我們甚至
不必去考慮<? xml ....?>和<doctype .......>這些標籤，他們會自動添加。

我們使用Paner控制來產生<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" />
  </Mobile:Form>
</Mobile:Panel>

注意：在以前的版本中，每個頁面必須有一個Mobile:form，現在不需要了。

下面是上面的程式在普通瀏覽器上看到的結果：



但是，如果您用WAP手機來觀看，就會看到下面的結果 :



下面我們將在頁面中加上一個包含使用者名稱的歡迎資訊，因此我們得在這個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手機中有不同的操作方法，意思一樣。所以，我們還得寫一此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" />

子程式中的代碼主要是用於從Textbox控制中收集使用者名稱，然後在第二個panel中的labael顯示：

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

當這些都完成了，我們就來啟動每個頁面

SetCurrentPanel (pnlTwo)