十天学会ASP.net之第三天

  或许你会问,为什么需要WEB控件?WEB控间就好像VB里面的控间,可以在程序的任何地方引用,修改所有属性,有了它的配合才能完成代码分离。想一下,如果还是以前的HTML控间,我们当我们需要在某一个地方显示一段数据库的内容是不是只有用<%= %>这样势必在HTML包含了程序的代码块,就达不到分离代码和界面的目的了。

  或许你还会问,为什么要代码分离那?原因很简单,不是每一个程序员都是合格的网页设计师,如果我们需要修改代码的时候会破坏网页设计师原来的设定,是不是不方便那,程序代码和HTML代码混合在一起对于程序员来说也不方便修改代码。当然,我们的网页设计师也需要学习一点WEB控间的知识。

  下面来一个一个介绍:

  一、Label控件:

  主要属性:

  Text 标签所显示的文本

  范例:<asp:Label id="lblMessage" Text="aaa" runat="server"/>

  需要注意的是我们不能遗漏runat="server"字样,还有所有的WEB控件都要包含在<form runat="server"></form>中间

  下面看一个完整的例子,在程序里面修改Label的Text属性,以此改变网页的显示。  

  <script runat="server" language="c#">
  void Page_Load()
  {
  lblMessage.Text="Hello World!";
  }
  </script>
  <html>
  <head><title>Label.aspx</title></head>
  <body>
  <form runat="server">
  <asp:Label id="lblMessage" runat="server"/>
  </form>
  </body>
  </html>
 <script runat="server" language="vb">
  sub Page_Load
  lblMessage.Text="Hello World!"
  end sub
  </script>
  <html>
  <head><title>Label.aspx</title></head>
  <body>
  <form runat="server">
  <asp:Label id="lblMessage" runat="server"/>
  </form>
  </body>
  </html>   

  二、TextBox控件:

  主要属性:

  Text 控件显示的文本;

  MaxLength 文本框可以添加的最多的字符数(多行文本框无效);

  ReadOnly 只读;

  TextMode 有下面几个有效值 MultiLine,Password,SingleLine;

  Rows 指定文本框的垂直尺寸  

  三、Button控件:

  有三种:Button 标准的表单按钮;ImageButton 显示图像的表单按钮;LinkButton 显示作为超链接样子Button

  Button基本上就是Text属性来设置按钮上面的文字;

  ImageButton基本上就是ImageUrl来设置按钮上图象的地址;AlternativeText 在浏览器不支持图片的时候显示的文字;

  LinkButton基本上就是Text属性来设置按钮上的文字;

  他们三者共同的属性就是CausesValidation=true/false来设置按钮提交的表单是不是被检验(后面将说到检验控件)

  他们三者共同的方法就是OnClick就是点击按钮的时候触发的函数,下面举一个例子:  

  <script runat="server" language="c#">
  void btnCounter_OnClick(object sender,EventArgs e)
  {
  btnCounter.Text="Clicked";
  }
  </script>
  <html>
  <head><title>Label.aspx</title></head>
  <body>
  <form runat="server">
  <asp:Button Text="UnClicked" OnClick="btnCounter_OnClick" id="btnCounter" runat="server"/>
  </form>
  </body>
  </html>
  <script runat="server" language="vb">
  sub btn_COunter_OnClick(s as object,e as eventargs)
  btnCounter.Text="Clicked"
  end sub
  </script>
  <html>
  <head><title>Label.aspx</title></head>
  <body>
  <form runat="server">
  <asp:Button Text="UnClicked" OnClick="btnCounter_OnClick" id="btnCounter" runat="server"/>
  </form>
  </body>
  </html>

posted on 2004-08-07 08:26  LiShijin.Net  阅读(1134)  评论(2编辑  收藏  举报

导航