教程中国
PHOTOSHOP CS9.0中文版 MAYA 8.5 FOR WINDOWS Corel Painter v9.0 Flash MX2004 中文版 Illustrator cs2 中文版
VC++6.0含sp6 中英文版 VB6.0 +sp6 简体中文版 Borland Delphi 7汉化版 MSDN for vb6.0中文版 Visual Studio 2005简体
教程中国下属 文件存储共享专家BIBIDU.COM 提供大型软件,教材,源码,电影,音乐,图书等下载 更多精品请点此进入
  您目前所在位置: 教程中国 >> .NET类 >> ASP.NET >> asp+中文教程(四)-- 服务器端控制(二) RSS订阅
asp+中文教程(四)-- 服务器端控制(二)
教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索
IT搜索引擎   
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>
            <ASP:ListItem Value="3">3</ASP:ListItem>
            <ASP:ListItem Value="4">4</ASP:ListItem>
        </ASP:DropDownList>

        <p>
        <ASP:CheckBox id="Check1" Text="Hide Panel" runat="server"/>
            
        <p>
        <ASP:Button Text="Refresh Panel" runat="server"/>

    </font>
    </form>

</body>
</HTML>


好了,先说到这里吧,有点儿累了。以后我将介绍剩下的13种服务器端控制。


来源:upschool.com.cn
作者:
关键字:asp+中文教程,服务器端控制
发表日期:2005-12-23

网页显示有限 阅读全文请下载本文完整版WORD文档

上一篇:什么是ASP+?(二)<转><译>   下一篇:.NET编程中使用旧有的COM组件


本文的相类似文章
  • 在服务器端控制网页
  • 在服务器端控制网页
  • asp+中文教程(四)-- 服务器端控制(二)
  • asp+中文教程(二)---- Asp+ Web Forms
  • asp+中文教程(一)---- -asp+简介、安装、以及如何显示中文
  • asp+中文教程(三)-- 服务器端控制(一)
  • ASP+中文教程(三):服务器端控制(一)
  • ASP+中文教程(二):Asp+ Web Forms
  • ASP+中文教程(一):ASP+简介、安装、以及如何显示中文
  • 制作一个简单的服务器端控制
  • 网友评论 查看本文全部评论
    笔 名: *
    评 论:
    最多500字。当前字数:0
    联系方式:
    验证码:
    在学习中进步 在进步中成长 教程中国相随您的成长之路
    华腾联合科技股份有限公司版权所有
    广告联系:Rosibo@163.com