当前位置:首页>网络学院>程序开发>ASP.NET教程>文章内容

asp.net 2.0教程 其它服务器控件

[ 来源:http://www.it55.com | 作者: | 时间:2007-10-08 | 收藏 | 推荐 ] 【

尊重作者,请保留 www.it55.com 链接字样。

精美商业网页模版下载http://www.it55.com

今天内容比较多一点,我们需要学习asp.net 2.0 其余六个服务器控件,所以马上开始,呵呵。 45398 http://www.it55.com it55学习IT知识,享受IT生活 4dfkjn

1、BulletedList控件
作用:用于展示小规模的列表显示,以ul li的方式或者ol li的方式输出;列表项可以以文字、链接、LinkButton的形式出现。
创建方法:
新建web窗体文档并且换至设计界面,将左侧工具栏“标准”选项栏中的BulletedList控件拖放至页面中。
通过“编辑项”进行列表项的添加: 免费矢量图片素材下载http://www.it55.com

 

运行效果如下: 免费网页模版下载http://www.it55.com

各列表项左侧以实心圆点作为行头符,而这个行头符可以通过更改BulletedList的BulletStyle属性来更换其它样式。 免费网页模版下载http://www.it55.com


需要特别声明的是,如果你的BulletedList控件的列表项是由手工添加 + 后台动态绑定的话,那么你必须将其AppendDataBoundItems属性设置为true. 精美商业网页模版下载http://www.it55.com

2、HiddenField控件
作用:将隐藏的数据保存在Value属性中,类似于HTML中的<input type="hidden"/>,只不过该控件运行于服务器端;适于安全要求比较低的参数传递。
创建方法:将左侧工具栏“标准”选项栏中的HiddenField控件拖放至页面中,并通过其属性页为其赋值,当然也可以通过客户端脚本进行赋值。在后台程序中可以获取和设置该值并进行相应判断处理。 精美韩国模版下载http://www.it55.com

3、FileUpload控件
作用:上传文件
创建方法:将左侧工具栏“标准”选项栏中的FileUpload控件拖放至页面中,效果如下图:

http://www.it55.com/

我们需要在添加一个按钮来实现上传事件的提交,并将按钮Text属性修改为“上传”,结果如下图: http://www.it55.com在线教程

双击上传按钮,进入页面后台cs文件中,将按钮的Click事件处理函数改为如下:
IT资讯之家 http://www.it55.com

  protected void Button1_Click(object sender, EventArgs e)//Button1为按钮“上传”的ID属性值
  {
  string path = Server.MapPath("./");//获取当前目录在服务器上的绝对地址,作为图片保存地址。
  if (FileUpload1.HasFile)//判断本地需要上传的文件是否已经选取
  {
  string fileExt = System.IO.Path.GetExtension(FileUpload1.FileName).ToLower();//获取上传文件的扩展名并转换为小写,为下面的上传类型合法性判断作准备
  if (fileExt == ".gif" || fileExt == ".jpg")//只允许上传.gif和.jpg格式文件
  {
  //开始执行上传操作
  try
  {
  FileUpload1.SaveAs(path + FileUpload1.FileName);//服务器端保存该文件
  Response.Write("文件上传成功!");
  }
  catch (Exception ex)
  {
  Response.Write("文件上传过程中发生错误,错误信息:" + ex.Message);
  }
  }
  else
  {

it55.com


  Response.Write("程序只支持上传.gif或.jpg格式的文件!");
  }
  }
  else//如果没有选择本地文件
  Response.Write("请先选择文件!");
  }

至此,一个简单的文件上传功能已经完成了。需要提醒的是:
FileUpload控件有一个PostedFile属性,利用该属性可以获取与上传文件相关的HttpPostedFile对象,使用该对象可以获取以上传文件的路径、大小、文件类型等属性,如:
在上例中可以通过FileUpload1.PostedFile.ContentLength来获取该上传文件的大小。

免费矢量图片素材下载http://www.it55.com

4、ImageMap控件
作用:制作图片导航。利用在图片上的一个或多个区域创建热区及链接的方式,制作导航。
创建方法:将左侧工具栏“标准”选项栏中的ImageMap控件拖放至页面中,并通过修改其ImageUrl属性为它添加图片(该图片必须事先通过“添加现有项”,将其加入网站项目中): 免费网页模版下载http://www.it55.com

然后通过HotSpots属性为其创建一个或多个热区:

45398 http://www.it55.com it55学习IT知识,享受IT生活 4dfkjn

 
 

至于热区坐标的定位,可算是vs的一大疏漏,我们必须用图片处理工具获得图片预定热区在图片中的坐标和大小,然后才能在vs中很顺利的创建热区。这一点,可比dw差远了。
需要说明的是:后台程序可以根据ImageMap控件的Click事件和PostBackValue属性来获取用户点击的位置。 IT资讯之家 http://www.it55.com

5、MultiView和View控件
作用:可以实现类似于Windows选项卡的功能。MultiView其实是存放一个或多个View控件的控件容器。
创建方法:
我们来做一个简单的2个View控件的MultiView。
我们先添加2个按钮来触发两个View控件的切换,分别将其Text属性修改为“选项卡1”,“选项卡2”,然后回车换行。将左侧工具栏“标准”选项栏中的MultiView控件拖放至页面中,效果如下图:

(编辑:IT资讯之家 www.it55.com

返回顶部
共2页: 上一页 1 [2] 下一页  

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]