码迷,mamicode.com
首页 > Web开发 > 详细

B/S---控件属性

时间:2015-05-28 10:49:09      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:

一、Label控件:标签——呈显出来的时候会变成span标签
    Text - 标签上文字
    <asp:Label ID="Label7" runat="server" Text="Label"></asp:Label>
    BackColor-背景色
    ForeColor-前景色
    Font
        Bold-加粗
        Italic-倾斜
        UnderLine-下划线        OverLine        StrikeOut
        Name - 字体名
        Size - 字体的大小

    BorderColor-边框颜色
    BorderWidth-边框粗细
    BorderStyle - 边框样式

    Height - 高
    Width - 宽
注: .ss
        {
          display:inline-block;
          color:Red;
          background-color:Black;
          height:50px;
          width:500px;
        }
默认情况下<span ></span>里面的width和height是不起作用的,但有
display:inline-block;这width和height两个属性就起作用了。

    Enabled-是否可用
    Visible-是否可见
    ToolTip-鼠标指上去的提示信息
    CssClass - 样式表的class选择器


二、Literal:也是一个标签,这个标签不会在两端加上span

三、TextBox:文本框:            HiddenFiled:隐藏域。Value
    拥有Label所有的属性

    TextMode——文本框的呈现模式;
                SingleLine--单行文本框;MultiLine-多行文本框;Password-密码框
    ReadOnly  - 只读
    MaxLength - 最大输入的字符数。只有TextMode是SingleLine和Password的时候起作用,在MultiLine的时候不起作用。

    Columns:宽度,以字母个数为单位
    Rows:高度,以行数为单位。只有TextMode是MultiLine的时候才起作用。在单行文本或多行文本下是不起作用的。

四、Button 按钮:  LinkButton 超链接按钮        ImageButton 图片按钮(ImageUrl属性)
    拥有Label标签的所有属性

    OnClientClick:当按钮被点击的时候,要执行的客户端的JS代码。它的触发要在按钮的C#事件代码之前。

★★★★★★★★★★★★★★★JS的调用技巧★★★★★★★★★★★★★★★★★★★
如何给文本框加JS
 法一:在HTML视图找到相关元素,直接嵌入相关的事件和JS代码。
 例如:

技术分享技术分享

<script language="javascript">
        function dofocus(txt)
        {
            txt.value = "";
        }
    </script>

 


 设计时候:
 用户名:<asp:TextBox ID="TextBox1" onfocus="doFocus(this)" runat="server" ForeColor="#999999">(必填)</asp:TextBox>

                                                         系统不会提示出来,直接写。
 运行起来:
 用户名:<input name="TextBox1" type="text" value="(必填)" id="TextBox1" onfocus="doFocus(this)" style="color:#999999;" />

 法二:在aspx.cs文件的Page_Load方法中,使用Attributes属性加入JS
例如:
C#代码:
    protected void Page_Load(object sender, EventArgs e)
    {
        TextBox2.Attributes.Add("onfocus","doFocus(this)");
    }
运行起来:
密码:<input name="TextBox2" type="text" value="(必填)" id="TextBox2" onfocus="doFocus(this)" style="color:#999999;" />

*******************************************************************************************

五、HyperLink:超链接
拥有Label的所有属性:
    Text -
    NavigateUrl - 超链接的导航地址。相当于href
    Target - 打开位置
    ImageUrl - 图片超链接的图片地址。

六、Image:图像
拥有Label的所有属性:
    ImageUrl - 图片超链接的图片地址。

 

复合控件
一、下拉列表:DropDownList
拥有Label的所有的属性:
会做三件事情:
(一)把内容填进去
法一:逐项添加
    private void FillNation1()
    {
        //取出数据来
        List<NationData> list = new NationDA().Select();

        //想法扔进去
        foreach (NationData data in list)
        {
            ListItem li = new ListItem(data.Name, data.Code);
            DropDownList1.Items.Add(li);
        }
    }

 //取数据
        List<NationData> list = new NationDA().Select();
        //填上去
        foreach (NationData data in list)
        {
            ListItem li = new ListItem();
            li.Text = data.Name;
            li.Value = data.Code;
            DropDownList1.Items.Add(li);
        }

 


法二:数据绑定
    private void FillNation2()
    {
        //取出数据来
        List<NationData> list = new NationDA().Select();

         //想法扔进去
        DropDownList1.DataSource = list;
        DropDownList1.DataTextField = "Name";
        DropDownList1.DataValueField = "Code";
        DropDownList1.DataBind();  //最终执行绑定填充,不要漏掉
    }

技巧:如何给下拉列表加上“请选择”的功能
1.事先在数据源上加下“请选择”的数据项,在绑定的时候自然会绑定上。

写代码:   ...
        NationData da=new NationData();
        da.Code="-1";
        da.Name="==请选择==";
        list.Insert(0,da);

             ...
2.事先在下拉列表中设置静态的"请选择"列表项。然后再绑定或添加数据的时候在后面添加上。
    如果采用数据绑定模式,默认情况下会把原有的项冲掉。需要设置AppendDataBoundItems属性。

在属性上手动填写 “请选择” 项。


3.所有的项都绑定或填加到下拉列表后,再写代码加上”请选择“的功能。

protected void Page_Load(object sender, EventArgs e)
    {

        FIllnation();
        ListItem li=new ListItem("==请选择==","-1");
        DropDownList1.Items.Insert(0,li);

    }


(二)把选中的值取出来
每次点击按钮时候,都是先执行PageLoad代码,再执行Button的Click代码。  原因?????

if(!IsPostBack)
{
    防止每点提交页面,都会执行这里面的代码。
    这里面的代码,只有页面初次加载的时候才被执行。点击按钮提交的时候,不会被执行到。
    以后记着:在Page_Load事件中99%的情况下需要写这段判断
}

SelectedItem
SelectedValue
SelectedIndex

        //Label1.Text = DropDownList1.SelectedItem.Text + DropDownList1.SelectedItem.Value;
        //Label1.Text = DropDownList1.SelectedValue;
        int index = DropDownList1.SelectedIndex;
        Label1.Text = DropDownList1.Items[index].Text +  DropDownList1.Items[index].Value;

(三)设定某项为选中项
给DropDownList的两个属性赋值:
SelectedIndex = 要选中的索引号
SelectedValue = 要选中项的值


 属性:
 Items -  ListItem的集合
    Add()
    Clear()
    Insert()
    Count
    Remove()
    RemoveAt()

 DataSource
 DataTextField
 DataValueField

 AppendDataBoundItem

 SelectedIndex
 SelectedItem
 SelectedValue

B/S---控件属性

标签:

原文地址:http://www.cnblogs.com/likaixuan/p/4535269.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!