asp+中文教程（四）-- 服务器端控制（二）
2008-05-01 03:06
302 查看
8、 DropDownList : 单选下拉框，你有两种方法可以增加下拉框中的选择项，一种和传统的select一样，把option项列出来，象下面这样：
<asp:DropDownList id=DropDown1 runat="server">
<asp:ListItem>Item 1</asp:ListItem>
<asp:ListItem>Item 2</asp:ListItem>
<asp:ListItem>Item 3</asp:ListItem>
<asp:ListItem>Item 4</asp:ListItem>
<asp:ListItem>Item 5</asp:ListItem>
<asp:ListItem>Item 6</asp:ListItem>
</asp:DropDownList>
另一种方法是和数据绑定，如下：
ArrayList values = new ArrayList();
values.Add ("IN");
values.Add ("KS");
values.Add ("MD");
values.Add ("MI");
values.Add ("OR");
values.Add ("TN");
DropDown1.DataSource = values;
DropDown1.DataBind();
这两种法法你可以任意选择，我个人觉得后一种方法比较实用，尤其是当遇到用数据库中得到的数据来做下拉框选项时。
9、 HyperLink : 超连接，但和HTML的<a href>不同的是HyperLink作为一个服务器端控制，具有Text 和 NavigateUrl两个属性，并且可以用数据绑定的方法来定义，下面我列出两种定义方法：
方法一：
<asp:hyperlink id=HyperLink1 NavigateUrl= “/quickstart” runat="server">
Go To QuickStart
</asp:hyperlink>
方法二：
<%@ Import Namespace="System.Data" %>
<html>
<script language="C#" runat="server">
void Page_Load(Object Src, EventArgs E) {
DataTable dt = new DataTable();
DataRow dr;
dt.Columns.Add(new DataColumn("IntegerValue", typeof(Int32)));
dt.Columns.Add(new DataColumn("StringValue", typeof(string)));
dt.Columns.Add(new DataColumn("DateTimeValue", typeof(DateTime)));
dt.Columns.Add(new DataColumn("BoolValue", typeof(bool)));
dt.Columns.Add(new DataColumn("CurrencyValue", typeof(double)));
for (int i = 0; i < 9; i++) {
dr = dt.NewRow();
dr[0] = i;
dr[1] = "Item " + Int32.ToString(i);
dr[2] = DateTime.Now;
dr[3] = (i % 2 != 0) ? true : false;
dr[4] = 1.23 * (i+1);
dt.Rows.Add(dr);
}
MyRepeater.DataSource=new DataView(dt);
MyRepeater.DataBind();
}
</script>
<body>
<h3><font face="Verdana">DataBinding HtmlAnchor</font></h3>
<p>
<form runat=server>
<asp:Repeater id="MyRepeater" runat="server">
<template name="ItemTemplate">
Link for
<asp:HyperLink id=HyperLink1 Text='<%# DataBinder.Eval(Container.DataItem, "StringValue") %>' NavigateUrl='<%# DataBinder.Eval(Container.DataItem,"StringValue","detailspage.aspx?id={0}") %>' runat="server" />
<p>
</template>
</asp:Repeater>
</form>
</body>
</html>
10、Image ：图片，只有一个属性ImageUrl， 现在你可以实时改变图片了，例子我就不给了。
11、 mageButton：图片按钮，比较好理解，但你可千万别小瞧它呀，比起DHTML中的那个图片按钮来，它的功能强大多了。首先，它可以作为一个按钮来使用（废话）,比起这个基本功能，下边要谈到的这个功能就会让你咋舌的，它可以判断你点击的相对坐标，什么，没什么用？我。。我扁你！看看下面这段程序：
ImageButton2.aspx
<html>
<head>
<script language="C#" runat="server">
void ImageButton1_OnClick(object Source, ImageClickEventArgs e) {
int x=e.X;
int y=e.Y;
Label1.Text = "X: " + x.ToString();
Label2.Text = "Y: " + y.ToString();
Button1.ImageUrl = "/quickstart/aspplus/images/billg.gif";
// Check to see if an eye, ear, nose or mouth was clicked.
if (x>20 && x<35 && y>72 && y<88) {
Label3.Text = "You clicked Bill's ear.";
}
else if (x>42 && x<58 && y>48 && y<64) {
Label3.Text = "You clicked Bill's eye.";
}
else if (x>62 && x<90) {
if (y>46 && y<56) {
Label3.Text = "You clicked Bill's eye.";
}
else if (y<72 && y>60) {
Label3.Text = "You clicked Bill's nose.";
}
else if (y<92 && y>74) {
Button1.ImageUrl = "/quickstart/aspplus/images/billg_tongue.gif";
Label3.Text = "Phfttttt-t-t-t-t-t!.";
}
else {
whoops();
}
}
else if (x>100 && x<108 && y>56 && y<72) {
Label3.Text = "You clicked Bill's ear.";
}
else {
whoops();
}
}
void whoops() {
Label3.Text = "You missed! Try clicking Bill's eyes, ears, nose or mouth.";
}
</script>
</head>
<body>
<h3><font face="Verdana">Using ImageButton as an Image Map</font></h3>
<form runat=server>
<table width="100%" border=0>
<tr>
<td width="25%">
<asp:ImageButton id=Button1 ImageUrl="/quickstart/aspplus/images/billg.gif" BorderWidth="2px" onclick="ImageButton1_OnClick" runat="server" />
</td>
<td>
<asp:Label id=Label1 Text="X:" runat="SERVER"/>
<br>
<asp:Label id=Label2 Text="Y:" runat="SERVER"/>
</td>
</tr>
</table>
<asp:Label id=Label3 font-bold="true" Text="" runat="SERVER"/>
</form>
</body>
</html>
运行一下，你看到了什么？是比尔.盖茨傻兮兮的一张笑脸，你如果点中他的眼睛和鼻子，就会告诉你你点中了哪儿，如果你点中他的嘴，他会伸一下舌头，当然，这些只是根据你鼠标点中的相对位置来判断相应的操作而已，但你别忘了这只是简单的一个ImageButton就能够做到的功能呀。
12、 Label , 前面的例子已经讲过了，是一个服务器端文本控制，它只有一个属性：Text , 你可以动态改变它。
13、 LinkButton ：有一种服务器端按钮控制，它的外形象HyperLink , 属性也相同，但不同的是它可以提交表单，同其他两种button控制一样。
14、 ListBox , 列表框，它和下拉框一样，也有两种方式定义选项，一种是直接列表，另一种是数据绑定，我就不再赘述了。
15、 Panel : 面板服务器端控制，这可是个好东西，它可以作为其他服务器端控制的集合，它最实用的地方是可以生成一组服务器端控制或者显示/隐藏一组服务器端控制，看看下面这个例子吧，是不是很奇妙？
Panel1.aspx
<html>
<head>
<script language="C#" runat="server">
void Page_Load(Object sender, EventArgs e) {
// Show/Hide Panel Contents
if (Check1.Checked) {
Panel1.Visible=false;
}
else {
Panel1.Visible=true;
}
// Generate label controls
int numlabels = int.FromString(DropDown1.SelectedItem.Value);
for (int i=1; i<=numlabels; i++) {
Label l = new Label();
l.Text = "Label" + Int32.ToString(i);
l.ID = "Label" + Int32.ToString(i);
Panel1.Controls.Add(l);
Panel1.Controls.Add(new LiteralControl("<br>"));
}
// Generate textbox controls
int numtexts = int.FromString(DropDown2.SelectedItem.Value);
for (int i=1; i<=numtexts; i++) {
TextBox t = new TextBox();
t.Text = "TextBox" + Int32.ToString(i);
t.ID = "TextBox" + Int32.ToString(i);
Panel1.Controls.Add(t);
Panel1.Controls.Add(new LiteralControl("<br>"));
}
}
</script>
</head>
<body>
<h3><font face="Verdana">Panel Example</font></h3>
<form runat=server>
<asp:Panel id="Panel1" runat="server"
BackColor="gainsboro"
Height="200px"
Width="300px">
Panel1: Here is some static content...
<p>
</asp:Panel>
<p>
Generate Labels:
<asp:DropDownList id=DropDown1 runat="server">
<asp:ListItem Value="0">0</asp:ListItem>
<asp:ListItem Value="1">1</asp:ListItem>
<asp:ListItem Value="2">2</asp:ListItem>
<asp:ListItem Value="3">3</asp:ListItem>
<asp:ListItem Value="4">4</asp:ListItem>
</asp:DropDownList>
<br>
Generate TextBoxes:
<asp:DropDownList id=DropDown2 runat="server">
<asp:ListItem Value="0">0</asp:ListItem>
<asp:ListItem Value="1">1</asp:ListItem>
<asp:ListItem Value="2">2</asp:ListItem>
共2页: 上一页 1 [2] 下一页
<asp:DropDownList id=DropDown1 runat="server">
<asp:ListItem>Item 1</asp:ListItem>
<asp:ListItem>Item 2</asp:ListItem>
<asp:ListItem>Item 3</asp:ListItem>
<asp:ListItem>Item 4</asp:ListItem>
<asp:ListItem>Item 5</asp:ListItem>
<asp:ListItem>Item 6</asp:ListItem>
</asp:DropDownList>
另一种方法是和数据绑定，如下：
ArrayList values = new ArrayList();
values.Add ("IN");
values.Add ("KS");
values.Add ("MD");
values.Add ("MI");
values.Add ("OR");
values.Add ("TN");
DropDown1.DataSource = values;
DropDown1.DataBind();
这两种法法你可以任意选择，我个人觉得后一种方法比较实用，尤其是当遇到用数据库中得到的数据来做下拉框选项时。
9、 HyperLink : 超连接，但和HTML的<a href>不同的是HyperLink作为一个服务器端控制，具有Text 和 NavigateUrl两个属性，并且可以用数据绑定的方法来定义，下面我列出两种定义方法：
方法一：
<asp:hyperlink id=HyperLink1 NavigateUrl= “/quickstart” runat="server">
Go To QuickStart
</asp:hyperlink>
方法二：
<%@ Import Namespace="System.Data" %>
<html>
<script language="C#" runat="server">
void Page_Load(Object Src, EventArgs E) {
DataTable dt = new DataTable();
DataRow dr;
dt.Columns.Add(new DataColumn("IntegerValue", typeof(Int32)));
dt.Columns.Add(new DataColumn("StringValue", typeof(string)));
dt.Columns.Add(new DataColumn("DateTimeValue", typeof(DateTime)));
dt.Columns.Add(new DataColumn("BoolValue", typeof(bool)));
dt.Columns.Add(new DataColumn("CurrencyValue", typeof(double)));
for (int i = 0; i < 9; i++) {
dr = dt.NewRow();
dr[0] = i;
dr[1] = "Item " + Int32.ToString(i);
dr[2] = DateTime.Now;
dr[3] = (i % 2 != 0) ? true : false;
dr[4] = 1.23 * (i+1);
dt.Rows.Add(dr);
}
MyRepeater.DataSource=new DataView(dt);
MyRepeater.DataBind();
}
</script>
<body>
<h3><font face="Verdana">DataBinding HtmlAnchor</font></h3>
<p>
<form runat=server>
<asp:Repeater id="MyRepeater" runat="server">
<template name="ItemTemplate">
Link for
<asp:HyperLink id=HyperLink1 Text='<%# DataBinder.Eval(Container.DataItem, "StringValue") %>' NavigateUrl='<%# DataBinder.Eval(Container.DataItem,"StringValue","detailspage.aspx?id={0}") %>' runat="server" />
<p>
</template>
</asp:Repeater>
</form>
</body>
</html>
10、Image ：图片，只有一个属性ImageUrl， 现在你可以实时改变图片了，例子我就不给了。
11、 mageButton：图片按钮，比较好理解，但你可千万别小瞧它呀，比起DHTML中的那个图片按钮来，它的功能强大多了。首先，它可以作为一个按钮来使用（废话）,比起这个基本功能，下边要谈到的这个功能就会让你咋舌的，它可以判断你点击的相对坐标，什么，没什么用？我。。我扁你！看看下面这段程序：
ImageButton2.aspx
<html>
<head>
<script language="C#" runat="server">
void ImageButton1_OnClick(object Source, ImageClickEventArgs e) {
int x=e.X;
int y=e.Y;
Label1.Text = "X: " + x.ToString();
Label2.Text = "Y: " + y.ToString();
Button1.ImageUrl = "/quickstart/aspplus/images/billg.gif";
// Check to see if an eye, ear, nose or mouth was clicked.
if (x>20 && x<35 && y>72 && y<88) {
Label3.Text = "You clicked Bill's ear.";
}
else if (x>42 && x<58 && y>48 && y<64) {
Label3.Text = "You clicked Bill's eye.";
}
else if (x>62 && x<90) {
if (y>46 && y<56) {
Label3.Text = "You clicked Bill's eye.";
}
else if (y<72 && y>60) {
Label3.Text = "You clicked Bill's nose.";
}
else if (y<92 && y>74) {
Button1.ImageUrl = "/quickstart/aspplus/images/billg_tongue.gif";
Label3.Text = "Phfttttt-t-t-t-t-t!.";
}
else {
whoops();
}
}
else if (x>100 && x<108 && y>56 && y<72) {
Label3.Text = "You clicked Bill's ear.";
}
else {
whoops();
}
}
void whoops() {
Label3.Text = "You missed! Try clicking Bill's eyes, ears, nose or mouth.";
}
</script>
</head>
<body>
<h3><font face="Verdana">Using ImageButton as an Image Map</font></h3>
<form runat=server>
<table width="100%" border=0>
<tr>
<td width="25%">
<asp:ImageButton id=Button1 ImageUrl="/quickstart/aspplus/images/billg.gif" BorderWidth="2px" onclick="ImageButton1_OnClick" runat="server" />
</td>
<td>
<asp:Label id=Label1 Text="X:" runat="SERVER"/>
<br>
<asp:Label id=Label2 Text="Y:" runat="SERVER"/>
</td>
</tr>
</table>
<asp:Label id=Label3 font-bold="true" Text="" runat="SERVER"/>
</form>
</body>
</html>
运行一下，你看到了什么？是比尔.盖茨傻兮兮的一张笑脸，你如果点中他的眼睛和鼻子，就会告诉你你点中了哪儿，如果你点中他的嘴，他会伸一下舌头，当然，这些只是根据你鼠标点中的相对位置来判断相应的操作而已，但你别忘了这只是简单的一个ImageButton就能够做到的功能呀。
12、 Label , 前面的例子已经讲过了，是一个服务器端文本控制，它只有一个属性：Text , 你可以动态改变它。
13、 LinkButton ：有一种服务器端按钮控制，它的外形象HyperLink , 属性也相同，但不同的是它可以提交表单，同其他两种button控制一样。
14、 ListBox , 列表框，它和下拉框一样，也有两种方式定义选项，一种是直接列表，另一种是数据绑定，我就不再赘述了。
15、 Panel : 面板服务器端控制，这可是个好东西，它可以作为其他服务器端控制的集合，它最实用的地方是可以生成一组服务器端控制或者显示/隐藏一组服务器端控制，看看下面这个例子吧，是不是很奇妙？
Panel1.aspx
<html>
<head>
<script language="C#" runat="server">
void Page_Load(Object sender, EventArgs e) {
// Show/Hide Panel Contents
if (Check1.Checked) {
Panel1.Visible=false;
}
else {
Panel1.Visible=true;
}
// Generate label controls
int numlabels = int.FromString(DropDown1.SelectedItem.Value);
for (int i=1; i<=numlabels; i++) {
Label l = new Label();
l.Text = "Label" + Int32.ToString(i);
l.ID = "Label" + Int32.ToString(i);
Panel1.Controls.Add(l);
Panel1.Controls.Add(new LiteralControl("<br>"));
}
// Generate textbox controls
int numtexts = int.FromString(DropDown2.SelectedItem.Value);
for (int i=1; i<=numtexts; i++) {
TextBox t = new TextBox();
t.Text = "TextBox" + Int32.ToString(i);
t.ID = "TextBox" + Int32.ToString(i);
Panel1.Controls.Add(t);
Panel1.Controls.Add(new LiteralControl("<br>"));
}
}
</script>
</head>
<body>
<h3><font face="Verdana">Panel Example</font></h3>
<form runat=server>
<asp:Panel id="Panel1" runat="server"
BackColor="gainsboro"
Height="200px"
Width="300px">
Panel1: Here is some static content...
<p>
</asp:Panel>
<p>
Generate Labels:
<asp:DropDownList id=DropDown1 runat="server">
<asp:ListItem Value="0">0</asp:ListItem>
<asp:ListItem Value="1">1</asp:ListItem>
<asp:ListItem Value="2">2</asp:ListItem>
<asp:ListItem Value="3">3</asp:ListItem>
<asp:ListItem Value="4">4</asp:ListItem>
</asp:DropDownList>
<br>
Generate TextBoxes:
<asp:DropDownList id=DropDown2 runat="server">
<asp:ListItem Value="0">0</asp:ListItem>
<asp:ListItem Value="1">1</asp:ListItem>
<asp:ListItem Value="2">2</asp:ListItem>
共2页: 上一页 1 [2] 下一页
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- asp+中文教程（三）-- 服务器端控制（一）
- jpgraph中文使用手册之文本和字体控制教程
- Swift中文教程（五）控制流
- Linux内核开发的版本控制工具Git中文教程
- asp+中文教程（一）---- -asp+简介、安装、以及如何显示中文
- 【Swift中文教程】-- 控制流
- [转贴]asp+语法教程(三)asp+的服务器端编程初步
- Swift3.0中文教程：24.访问控制
- Swift中文教程(三)--流程控制
- Swift中文教程（五）控制流
- asp+中文教程（二）---- Asp+ Web Forms
- [分享]Linux内核开发的版本控制工具Git中文教程
- [转贴]asp+语法教程(四)asp+的服务器端编程进介
- 苹果Swift语言中文教程（五）控制流
- [转贴]asp+语法教程(五)asp+的服务器端编程控件篇
- Swift3.0中文教程：5.控制流
- Swift中文教程(三)--流程控制
- Swift中文教程（五）控制流
- struts2官方 中文教程 系列十二：控制标签
- 树莓派开发系列教程9——树莓派GPIO控制