动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
  
   .Net → 阅读文章

 内建控件(Intrinsic Control)

作者来源: 
阅读 1610 人次 , 2006-3-29 4:28:00 


内建控件指的是一般如button、hyperlink、textbox 等常会用在网页制作上的web 控件,使用内建控件可以很快地为网页加入基本的操作接口。

label web 控件
label web 控件是最简单的控件,它的主要作用是用来显示文字。其使用语法为:

<asp:label
id="被程序代码所控制的名称"
runat="server"
text="所要显示的文字"
/>

<asp:label
id="被程序代码所控制的名称"
runat="server"
>
所要显示的文字
</asp:label>

当我们要使用程序来改变其显示的文字时,只要改变它的text 属性即可。下列范例码配置了一个label web 控件,并在page_load 事件程序中将其text 属性设定为「这是一个label 控件」:

<html>
<asp:label id="label1" runat="server"/>
<script language="vb" runat="server">
sub page_load(sender as object,e as eventargs)
label1.text="这是一个label 控件"
end sub
</script>
</html>



image 控件
image web 控件是用来显示图片。其使用语法为:

<asp:image
id="被程序代码所控制的名称"
runat="server"
imageurl="图片所在地址"
alternatetext="图形还没加载时所替代的文字"
imagealign="notset | absbottom | absmiddle | baseline | bottom | left |
middle |
right | texttop | top"
/>

image web 控件最重要的属性是imageurl,这个属性指明图形文件所在的目录或是网址;如档案和网页存放在同一个目录,则可以省略目录直接指定文件名即可。下列范例利用image web控件显示了stone.jpg 这个图形:

<asp:image id="image1" imageurl="framework.jpg" runat="server"/>



hyperlink 控件
hyperlink 控件可以用来设定超级链接,就是html 元素的<a> 标注。其使用语法为:

<asp:hyperlink
id="控件id"
runat="server"
text="超级链接文字或小提示文字"
imageurl="图片所在地址"
target="超级链接所要显示的窗口"
/>

<asp:hyperlink
id="被程序代码所控制的名称"
runat="server"
imageurl="图片所在地址"
target="超级链接所要显示的窗口"
/>
超级链接文字
</asp:hyperlink>


  我们只要设定navigateurl 属性为欲浏览的地址,在使用者按下此连结时即可连至指定的地址。而target 属性可以在有设框架(frame)的网页上,决定此连结要开启在哪个框架或另外开启新的窗口。设定imageurl 属性则可以产生一个图形连结,在图形模式的hyperlink 控件如果有设定text 属性,则鼠标移到图形上时会出小提示。下列范例利用hyperlink web 控件分别制作了文字型态以及图形型态的超级链接:

<asp:hyperlink id="hl1" navigateurl="http://www.microsoft.com"
text="microsoft"
target="_blank" runat="server" /><p>
<asp:hyperlink id="hl2" navigateurl="http://www.msn.com" text="msn"
imageurl="vsdotnet.gif" target="_blank" runat="server"/>



button web 控件
button web 控件是网页设计相当重要的web 控件。它主要作用在于接收使用者的click 事件,并执行相对应的事件程序来完成程序的处理。其使用语法为:

<asp:button
id="被程序代码所控制的名称"
runat="server"
text="按钮上的文字"
command="命令名称"
commandargument="命令参数"
onclick="事件程序名"
/>

要使用button web 控件的click 事件,除了要指定onclick="事件名称" 外,另外还必须将对象放在窗体标注中才会动作,不然将会没有作用。至于command 以及commandargument属性可以用来和datalist 等控件配合使用,我们这里先不讨论。下列范例当我们按下button 控件后,便触发click 事件程序,并在程序中改变label 控件的text 属性:

<html>
<form id="form1" runat="server">
<asp:button id="b1" text="请按我" onclick="b1_click"
runat="server"/><p>
<asp:label id="l1" text="label 控件" runat="server" />
</form>
<script language="vb" runat="server">
sub b1_click(sender as object,e as eventargs)
l1.text="改变后的label 控件"
end sub
</script>
</html>

linkbutton web 控件
linkbutton web 控件的功能和button web 控件一样,只不过它是类似超级链接的文字接口。其使用语法为:

<asp:linkbutton
id="被程序代码所控制的名称"
runat="server"
text="按钮上的文字"
command="命令名称"
commandargument="命令参数"
onclick="事件程序名"
/>

<asp:linkbutton
id="控件id"
runat="server"
command="命令名称"
commandargument="命令参数"
onclick="事件程序名"
/>
"按钮上的文字"
</asp:linkbutton>

linkbutton 必须写在<form> 和</form> 之间,也要指定onclick 属性才会动作。下面的程序代码将button 的范例换成用linkbutton,执行结果还是一样:

<html>
<form id="form1" runat="server">
<asp:linkbutton id="b1" text="请按我" onclick="b1_click"
runat="server"/><p>
<asp:label id="l1" text="label 控件" runat="server" />
</form>
<script language="vb" runat="server">
sub b1_click(sender as object,e as eventargs)
l1.text="改变后的label 控件"
end sub
</script>
</html>



imagebutton web 控件
imagebutton web 控件的作用和上述两个控件一样,不过这个控件是用图片来当做按钮。其使用语法为:

<asp:imagebutton
id="被程序代码所控制的名称"
runat="server"
command="命令名称"
commandargument="命令参数"
onclick="事件程序名"
/>

这里要特别注意事件程序的参数接收。imagebutton web 控件在触发click 事件时,会传递使用者在图形的哪个位置上按下鼠标按钮;所以参数e 的型态要更改为imageclickeventargs,若还是维持原先的eventargs 将发生错误。下列范例码在使用者按下imagebutton web 控件时,显示鼠标在哪个位置上按下按钮:

<html>
<form id="form1" runat="server">
<asp:imagebutton id="button1" imageurl="vsdotnet.gif"
onclick="button1_click"
runat="server" /><p>
<asp:label id="label1" runat="server" />
</form>
<script language="vb" runat="server">
sub button1_click(sender as object,e as imageclickeventargs)
label1.text="您位于影像的" & e.x.tostring & ", " & e.y.tostring & _
" 的位置按下鼠标"
end sub
</script>
</html>



textbox web 控件
这个web 控件和<input type="text">、<input type="password"> 以及<textarea> 这三个html 元素,都一样用来接收键盘键入的数据;不过textbox 可以用来取代上述三种html 元素。其使用语法为:

<asp:textbox
id="被程序代码所控制的名称"
runat="server"
autopostback="true | false"
columns="字符数目"
maxlength="字符数目"
rows="列数"
text="字符串"
textmode="singleline | multuline | password"
wrap="true | false"
ontextchanged="事件程序名称"
/>

textbox web 控件的属性说明,如下表所示:


由上表可知,textbox 的型态是由textmode 属性来决定的,若没有设定本属性则预设为singleline。下列范例显示了三种型态的textbox:

<html>
<form id="form1" runat="server">
这是一般输入盒:
<asp:textbox id="t1" textmode="singleline" runat="server"/><br>
这是密码输入盒:
<asp:textbox id="t2" textmode="password" runat="server"/><br>
这是多行输入盒:
<asp:textbox id="t3" textmode="multiline" rows="3" runat="server"/><br>
</form>
</html>


textbox 有一个ontextchanged 事件,这个事件是当textbox 内的文字传至server 端后,server发现文字的内容和上次的值不同时就会触发;另外不管text 属性的内容是否有被改变,一率先触发page_load 事件。和button web 控件一样,使用本事件前必须先指定发生这个事件时所要执行的事件程序。下列范例码中,倘若使用者在文字输入盒中输入的内容和上次不一样时,在按下「tab」或「enter」按钮后会显示文字的内容已经被改变的讯息:

<html>
<form id="form1" runat="server">
<asp:textbox id="t1" autopostback="true" ontextchanged="t1_changed"
runat="server" /><p>
<asp:label id="label1" runat="server" />
</form>
<script language="vb" runat="server">
sub page_load(sender as object,e as eventargs)
label1.text="文字的内容没有被改变"
end sub
sub t1_changed(sender as object,e as eventargs)
label1.text="文字的内容已经被改变"
end sub
</script>
</html>

 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:Table Web 控件、TableRow Web 控件及TableCell Web 控件
· 下一篇:Web 控件的基础属性
· 开心就贴(三)
· 什么是受管(managed)?
· ASP.NET DataGrid 控件深入研究
· C#操作技巧的数据类型之间的转换
· SOAP Version 1.2中文手冊(1)


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077