前面我們看到了對于移動控件的介紹,現在我們具體來看看他的用法.
使用移動控制
使用移動控制就和使用其它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" onclick="button_onclick" />
</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" onclick="button_onclick" />
子程序中的代碼主要是用于從textbox控制中收集用戶名,然后在第二個panel中的labael顯示:
welcomemessage.text = "welcome '" & nameedit.text & "'"
當這些都完成了,我們就來啟動每個頁面
setcurrentpanel (pnltwo)
新聞熱點
疑難解答
圖片精選