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

2024-07-10 12:54:50

字體：大中小

供稿：網(wǎng)友

    前面我們看到了對于移動控件的介紹，現(xiàn)在我們具體來看看他的用法.

使用移動控制
使用移動控制就和使用其它asp+控制一樣簡單。事實上他更加簡單，因為他是產(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手機來觀看，就會看到下面的結(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手機中有不同的操作方法，意思一樣。所以，我們還得寫一此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)

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

下一篇：ASP.NET編寫一個在線RSS新聞聚合器