.NET基本控件

 

      09.10.15基本控件的属性,事件

     学习ASP.NET,更多的是ASP.NET控件的学习,当然我们这里所说的控件指的是服务器控件(即.NET自带的控件),控件的学习我们应该注重起来,有些人说.NET不好学,学到最后什么都做不出来,这其实就是我们对控件的注重程度还不够,所以我们在学习.NET时一定要对控件都掌握了,那么ASP.NET对我们来说就很简单了!!
    
那么下边我把常用的控件也是最基本的控件先跟大家说下先:
第一个控件:Label控件
        Label控件中具有的属性是所有控件的通用属性,在这里我们把这些通用的属性先看一下,我们争都掌 握了,在以后的学习中会举一反三。
Text:
标签上的文本
Height:
高度
Width:
宽度
BackColor:
背景色
ForeColor
:前景色,文字色
BorderColor:
边界色
BorderStyle:
边界样式
BorderWidth:
边界宽
Font:
字体
   Bold:
是否加粗bool
   Italic:
是否倾斜
   Name:
字体名称
   Size:
字体大小
   UnderLine:
下划线
   Strikeout:
删除线
Enable:
是否可用
Visible:
是否可见
CssClass
:相当于HTML标记的class属性
需要注意的是:Label标签被在被页面显示时解析为<span></span>标记

Literal
控件:它也是一个标签控件,它比Label更简洁,属性更少.
它被直接解析为一段文字输出在页面上.也就是说在我们使用文字固定在某个地方时那么我们最好使用它了,因为他跟简介,站资源更少。那么它的属性只有以下几个我们先记下先:
Text:
标签上的文字
Visible:
是否可见,其实这里跟lable一样的了。

第二个控件:TextBox文本框
      
这是一个输入型的控件,当然具有Label中的所有属性。
其他常用属性:
TextMode:
文本框模式SingleLine-单行文本框,MultiLine-多行文本域,Password-密码框
Wrap:
文本框中的文字是否自动换行.只有TextMode=MultiLine时起作用
Columns:
文本框的宽度,以字符数为单位
Rows:
文本框的高度,以行高为单位.只有TextMode=MultiLine时起作用
MaxLength:
文本框中允许输入最大的字符串长度
ReadOnly:
只读

第三个控件:Button:按钮
        这是一个事件型控件,当然它也具有Label控件所有属性
那么需要注意的是它的一个事件:
OnClientClick:
按钮被点击时要执行的JS代码
onclick
:按钮被点击时要执行的服务器端代码
第四个控件:HtmlInputButton按钮:
        这是个HTML控件,这里所有的HTML控件要变成服务器控件需要在属性里加上:runat="server"
onserverclick:
按钮被点击时要执行的服务器端的代码
onclick
:按钮被点击时要执行的JS代码
注意:通过上边一个服务器控件和一个HTML控件的比较,我们可以得出以下结论:
1:onclick
事件在服务器控件中指要执行的服务器端的代码,而在HTML控件中指要执行的JS代码!
2:
服务器控件要执行JS代码用OnClientClick事件,而HTML控件要执行用服务器端代码onserverclick事件!
另外button控件还有两个使用相同的控件:ImageButtonLinkButton,其区别在与它的模样和button有所不同而已,使用方法和和属性基本相同,所以我们这里就放在一起讲:
ImageButton
:图片按钮,这个知文思意,这个控件上可以放图片,那么就有一个图片路径,这个留给我们事后共同设定一下
LinkButton
:超链接按钮,超链接模样的按钮,没什么好讲的!那么我们要注意的是和真正的图片和超链接的区别!
那么我们下边就开始讲真正的图片和超链接。
第五个控件:HyperLink:超链接
     NavigateUrl:
相当于<a></a>中的href.超链接要导航过去的网址
Target:
新网页打开的位置 _self,_blank
ImageUrl:
图片的图径
第六个控件:Image:图片
ImageUrl:图片的图径
AlternateText:
提示文字

第七个控件:RadioButtonList:单选按钮列表,复合控件
Items:
单选按钮项的集合
   Count:
集合中元素个数
   Add(),Clear(),Remove()
RepeatDirection:
项的布局方向(水平或竖直)
RepeatColumn:
一行显示几列
RepeatLayout:
布局方式(table,span)
SelectedIndex:(int)
选中项的索引号
SelectedItem:(ListItem)
选中的项对象
SelectedValue:(string)
选中项的value

用法(实例):
1.手动添加项:点击Items属性,编辑每一项
2.
从数据库查询数据,显示为单选按钮.
  
web.config文件中配置链接字符串
    <connectionStrings>
     <add name="conn" connectionString="server=./soft;database=mydb;uid=sa;pwd="/>
    </connectionStrings>
  
从程序中读取web.config中的连接字符串
   string connectionString = System.Web.Configuration.WebConfigurationManager.ConnectionStrings   ["conn"].ConnectionString;
  
  
把泛型集合中的数据加载到RadioButtonList
   private void FillNation()
   {
    RadioButtonList1.Items.Clear();
    List<Nation> list = new HRBF().GetAllNations();
    if (list != null)
    {
     foreach (Nation nation in list)
     {
      ListItem li = new ListItem(nation.Name, nation.Code);
      RadioButtonList1.Items.Add(li);
     }
    }
   }
   private void FillNation()
   {
    List<Nation> list = new HRBF().GetAllNations();
    RadioButtonList1.DataSource = list;
    RadioButtonList1.DataTextField = "Name";
    RadioButtonList1.DataValueField = "Code";
    RadioButtonList1.DataBind();
   }
  
获取RadioButtonList的选中项的值
    private void FillNation()
    {
     RadioButtonList1.DataSource = new HRBF().GetAllNations(); //2
     RadioButtonList1.DataTextField = "Name";
     RadioButtonList1.DataValueField = "Code";
     RadioButtonList1.DataBind();
    }
    protected void Page_Load(object sender, EventArgs e)
    {
     if (!IsPostBack) //
以后写代码只要是PageLoad都要加这句话
     {
      FillNation(); //1
     }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
     //Label1.Text = RadioButtonList1.SelectedValue; //3
     //Label1.Text = RadioButtonList1.SelectedItem.Text+
     //    RadioButtonList1.SelectedItem.Value;
     //Label1.Text = RadioButtonList1.Items[RadioButtonList1.SelectedIndex].Text+
     //    RadioButtonList1.Items[RadioButtonList1.SelectedIndex].Value;
    }
  
  
设置RadioButtonList中的选中项
      //RadioButtonList1.SelectedIndex = -1;
    //string str = TextBox1.Text;
    //for (int i = 0; i < RadioButtonList1.Items.Count; i++)
    //{
    //    if (RadioButtonList1.Items[i].Value == str)
    //    {
    //        RadioButtonList1.Items[i].Selected = true;
    //        break;
    //    }
    //}
   
    RadioButtonList1.SelectedValue = TextBox1.Text;


我们注意了:CheckBoxList,DropDownList,ListBox这三个控件与RadioButtonList的用法是相同的.我们就不再一一熬述!
那么这里还有一个使用时的小技巧当我们用的控件集合需要更改时,比如说我们要把DropDownList换成CheckBoxList时,我们只需要把CheckBoxListID改成和我们使用DropDownList时的ID设成相同的就可以了,因为在数据绑定时,它只认控件的ID,不认控件的类型,当然是在两者可以替换的情况下!!
好了我们的基本控件就学到这里,希望会对喜欢,热爱.NET的大哥大姐们会有所帮助!!其他的经常使用的,重要的控件,我会在其他的文章中跟大家分享,大哥大姐们如果有什么好的东东,一定要跟小弟分享啊!还有就是有说的不对的地方还请大哥大姐指教!小弟在这里不胜感激!!!!

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值