移動裝置的Web應用程式開發----(事件和輸入) (轉)[@more@]

移動事件

Mobile Controls exposes device independent programmable events.:namespace prefix = o ns = "urn:schemas--com::office" />

---

事件

移動有一個可對屬性，方法和事件程式設計的模型。

要得到完整的資訊請參考“參考部分”。

---

提交文字

這個頁面有兩個表單：

Inherits=

"System..UI.MobileControls.MobilePage"%>

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

Dim age

Sub AgeClick(sender As , e As EventArgs)

age=text1.Text

ActiveForm=Form2

End Sub

Sub Form2_Activate(sender As Object,e As EventArgs)

  message.Text="You are " & age & " years old"

End Sub

<Mobile:Foid="form1" runat="server">

<Mobile:Label runat="server">Age?

<Mobile:TextBox runat="server" id="text1" />

<Mobile:Command runat="server" OnClick="AgeClick" Text="Submit" />

Mobile:Form>

<Mobile:Form id="form2" runat="server" OnActivate="Form2_Activate">

<Mobile:Label runat="server" id="message" />

Mobile:Form>

當一個頁面有兩個表單的時候，第一個表單總是作為開啟的預設表單。

第一個表單有一內容是Age的label控制元件，一個輸入控制元件用來輸入年齡(Age)以及一個提交（Submit）按鈕。

第二個頁面透過第一個頁面的提交按鈕啟用（譯者注：偶覺的是第二個Form透過第一個Form的提交按鈕啟用，而不是原文種的Page。），同時顯示相應資訊。

當應用執行在移動裝置上的時候，這兩個頁面看起來就像下面：

Form1:

Age?

Form 2

You are 11 years old

移動.NET輸入

Input Controls are used to collect input from the mobile user.

---

輸入控制元件

有很多的移動控制元件支援輸入。

在前面章節的demo中，最長用的輸入控制元件可能就是TextBox控制元件了。TextBox是完成一些簡單的輸入，比如像姓名，數量，以及識別符號和關鍵字。

如果輸入大量的文字那麼TextView控制元件可能是更好的選擇。TextView控制元件允許長的多行的輸入就像你用給其他人發訊息一樣。

---

數字輸入

我們可以透過設定TextBox的屬性Numeric讓TextBox只接收來接收數字的輸入資訊。

注意：這個特性通常工作在透過改變從文字到數字的輸入的上。然而在HTML的上，通常不支援這種行為。

---

密碼輸入

我們可以將TextBox控制元件的Pass屬性設定成true或者false來指定TextBox處理密碼欄位。

密碼欄位將會透過*（星號）替換原始的文字來隱藏輸入資訊。

---

列表控制元件

TextBox和TextView控制元件是非常適合輸入資訊的，但是有時你想讓使用者從已有的列表中選擇事先定義好的值。

ionList控制元件支援下拉選單，複選選框和單選按鈕。這部分的內容將在其他的章節介紹。

List控制元件支援選單和列表的選項，List控制元件將會在其他的章節介紹。

---

使用者介面控制元件

使用者控制元件是顯示使用者介面的控制元件集。

Name

Function

Command

Performs an action

Form

Defines a container for mobile controls

Image

Defines an image

Label

Defines a text

Link

Defines a hyink

List

Defines a list

MobilePage

Defines a container for mobile controls

ObjectList

Defines a list of data objects

Panel

Defines a container for other controls

SelectionList

Defines a list to select from

StyleSheet

Defines styles to be applied to other controls

TextBox

Defines a single line input box

TextView

Defines a multi-line input box

需要了解更多的控制元件參考，包括屬性方法，事件和更多的例子，請參考”Mobile Reference”頁面。