当单击"添加"按钮后,你会发现Visual Studio 2005自动添加了两个文件,在这里窗体名称被设置为"MobileDefault",因此这两个文件分别为MobileDefault.aspx 和MobileDefault.aspx.cs (如果你选择的语言为VB的话,则这两个文件为MobileDefault.aspx和MobileDefault.aspx.vb)。MobileDefault.aspx文件包含在窗体使用的各个ASP.NET 移动控件的声明方式,而MobileDefault.aspx.cs则包含了一些程序实现代码和事件处理代码,这和传统的ASP.NET应用程序采用的"代码后置"的方式是一致的。
窗体添加完毕后,我们就可以使用工具箱中的"移动WEB窗体"标签下的各个控件。如同其它的ASP.NET控件一样,我们也可以根据需求设置这些控件的属性和事件行为。你可以在"原代码"窗口下直接输入"<mobile: />"的语法方式来添加移动控件:
<mobile:TextBox ID="MyTextBox" runat="server"></mobile:TextBox>
<mobile:Label ID="MyLabel" runat="server">标签控件</mobile:Label>
下图显示了一个放置了Label、TextBox和Command控件的移动WEB窗体。该窗体所实现的功能是根据TextBox控件中输入的CustomerID来查找相应的用户信息,我们并没有编写对应的逻辑代码,只是显示了该窗体的界面:
Visual Studio 2005中对应的HTML代码如下所示,我们可以看到上述的3个控件均以 <mobile: 为前缀在页面代码中进行了声明。同样的,Form也采用了类似的方式加以声明,见代码7所示。在传统的ASP.NET应用程序中处理窗体和处理控件的方式是不一样的,这和移动WEB页面有很大的差别。其最大的不同就是开发人员可以在同一个移动WEB页面中创建多个窗体,并且可以在这些窗体间自由地导航而无需回发到
服务器。利用该项特性可以减少因移动设备带宽小而带来的约束,大大减少了和服务器通讯的数据量。换句话说,移动设备中是以窗体为单位进行显示,而不是像传统的ASP.NET程序那样以页面为单位进行显示。我们使用移动设备浏览不同屏的信息时,可能并没有跳转到不同的页面,而是在同一个页面的不同窗体间进行跳转。
01 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="MobileDefault.aspx.cs" 02 Inherits="MobileDefault" %> 03 <%@ Register TagPrefix="mobile" Namespace="System.Web.UI.MobileControls" 04 Assembly="System.Web.Mobile" %>
05 <html xmlns="http://www.w3.org/1999/xhtml" > 06 <body> 07 <mobile:Form id="Form1" runat="server"> 08 <mobile:Label id="lblID" Runat="server">Customer ID</mobile:Label> 09 <mobile:TextBox id="txtCustID" Runat="server"></mobile:TextBox> 10 <mobile:Command id="cmdGetCustomer" Runat="server">Find Customer 11 </mobile:Command> 12 </mobile:Form> 13 </body> 14 </html> |
ASP.NET 移动WEB窗体的开发视图 Visual Studio 2005的开发环境中提供了三种视图进行ASP.NET 移动WEB窗体的设计和开发。这三种视图分别为设计视图、HTML视图和代码视图,我们可以针对不同的开发需求在这些视图间进行切换。现在我们就这三种视图进行一个简短的概要。
查看本文来源