当前位置: 首页 > 图文教程 > 网络编程 > ASP > 让您的主页支持各种浏览设备(ASP+篇)(上)

ASP
asp+语法教程(三)asp+的服务器端编程初步
asp+语法教程(四)asp+的服务器端编程进介
asp+语法教程(五)asp+的服务器端编程控件篇
asp+语法教程(六)数据库篇
从ASP迁移至ASP+
从ASP迁移至ASP+ --进入DataSet
从ASP迁移至ASP+ --HTML表格转换为ASP+列表
从ASP迁移至ASP+ --转换其他的页面
从ASP迁移至ASP+ --处理会话变量
ASP十步进阶
asp.net高级教程(一)-asp.net还是asp+ ?
asp.net高级教程(二)- 转换编程思维
asp.net高级教程(三)-对象
asp.net高级教程(三)-实战篇
asp.net高级教程(五)-实战篇(中)
ASP+中文教程(一)--asp+简介、安装、以及如何显示中文
asp+中文教程(二)-- Asp+ Web Forms
APS + 中文教程(三)--服务器端控制(一)
SQL数据操作基础(初级) 4
SQL数据操作基础(初级) 5

让您的主页支持各种浏览设备(ASP+篇)(上)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 94 ::
收藏到网摘: n/a

  http://www.aspcn.com 飞刀
前面我们看到了对于移动控件的介绍,现在我们具体来看看他的用法.

使用移动控制
使用移动控制就和使用其它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)