码迷,mamicode.com
首页 > 其他好文 > 详细

复合控件

时间:2016-10-14 23:28:14      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:

1、label。后台编译Span

(1)ForeColor字体颜色

(2)设置label的Height,Width之前,必须先设置:Display=“inLine-block”;

(3)Text:文本内容。

(4)visible:权限使用

(5)CssClass:使用的样式表

2、Literal。后台编译啥也没有

(1)Text:文本内容。

但是可以对Literal添加事件。+= Tab Tab

3、表单元素

(1)文本元素

<input type="text" />  工具栏的TextBox的TextMode:SingleLine

<input type="password" /> 工具栏的TextBox的TextMode:Password

<input type="textarea" />工具栏的TextBox的TextMode:MultiLine

<input type="hidden" />设置:display:none

 

工具栏的TextBox的TextMode:Color:颜色选择框

工具栏的TextBox的TextMode:Date:日期格式文本框

(2)按钮元素

<input type="button" /> 点击它就是执行赋予的点击事件,不刷新网页

<input type="submit" />刷新网页,把表单元素的内容提交

<input type="resit" />不刷新网页,把表单元素的内容清空。

<input type="image" />刷新网页。

 

工具栏的LinkButton:当做有链结的按钮

ImageButton:当做图片的按钮

OnClientClick:脚本的点击事件,里面必须写js语言。按钮的OnClientClick是执行客户端脚本(js),客户端执行优先级高于服务端

(3)复选框元素

①<input type="radio">单选

//工具栏
<asp:RadioButton ID="RadioButton1" runat="server" GroupName="sex" Text="" /> 
<asp:RadioButton ID="RadioButton2" runat="server" GroupName="sex" Text="" />
//表单元素
<input type="radio"  name="sex" id="nan"/><label for="nan">男</label>
 <input  type="radio" name="sex" id="nv" /><label for="nv">女</label>

②<input type="checkbox">多线

③<input type="file">路径

④<select>下拉框

<option></option>

</select>

 复合框要做到三步:(以RadioButtonList为例)

(1)将数据绑定上去(数据库表为Nation,有NationCode和NationName两列)

先进封装,设置一个返回List<Nation>的方法

(2)设置默认选中数据

(3)竞选中数据取出来。如下代码:

方法1:

技术分享
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Button1.Click += Button1_Click;//赋予按钮1的点击事件
        if (IsPostBack == false)
        {
            List<Nation> nlist= new NationData().quan();//获取全部内容
            if (IsPostBack == false)//页面重新加载时显示的内容
            {
                RadioButtonList1.DataSource = nlist;//数据源指向
                RadioButtonList1.DataValueField = "NationCode";//设置Value值
                RadioButtonList1.DataTextField = "NationName";//设置显示内容
                RadioButtonList1.DataBind();//数据最后绑定
            }   
        }
    }

    void Button1_Click(object sender, EventArgs e)//按钮1的点击事件
    {
        ListItem li = RadioButtonList1.SelectedItem;//获取选中内容
        Label1.Text = li.Value + li.Text;//输出选中的代号和名字
    }
}
View Code

方法2:

技术分享
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Button1.Click += Button1_Click;//赋予按钮1的点击事件
        if (IsPostBack == false)
        {
            List<Nation> nlist= new NationData().quan();//获取全部内容
            foreach (Nation n in nlist)//用遍历方法,用集合方式添加进去
            {
                ListItem li = new ListItem(n.NationName, n.NationCode);//设置Text和Value值
                RadioButtonList1.Items.Add(li);//添加集合
            
            }
            RadioButtonList1.SelectedIndex = 0;//设置默认值
        }
    }

    void Button1_Click(object sender, EventArgs e)//按钮1的点击事件
    {
        ListItem li = RadioButtonList1.SelectedItem;//获取选中内容
        Label1.Text = li.Value + li.Text;//输出选中的代号和名字
    }
}
View Code

 

(4)布局
RepeatDirection:项的布局方式 Vertical 纵向 Horizontal:横向
RepeatColumns:规定项的列数
RepeatLayout:项的布局方式 Table Flow (UnorderedList:无序列表 OrderedList:有序列表 前两种属性无效)。

 

复合控件

标签:

原文地址:http://www.cnblogs.com/wwz-wwz/p/5959824.html

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