【2017-05-19】WebForm复合控件、用DropDownList实现时间日期选择。

自动提交的属性： AutoPostBack="True"

1、RadioButtonList     单选集合

-属性：RepeatDirection：Vertical （垂直排布）/Horizontal （横向排布）

RepeatLayout：Table （表格排布方式）/Flow （span排布方式）

RepeatColumns：         设置为多少列。

每一个单选按钮都是一个ListItem对象，他有  Enable（是否可用）、  selected（默认选中）  Text（显示的文本） Value（隐藏的值）属性

赋值：两种数据绑定方法：

第一种：  RadioButtonList1.DataSource=数据源集合

RadioButtonList1.DataValueField="";      //给程序看的

RadioButtonList1.DataTextField="";        //显示出来的

RadioButtonList1.DataBind();                //调用数据绑定方法

foreach(ListItem li in RadioButtonList1.Items )

{

if(li.value=="值")

li.Selected=true;

}

第二种：

List<UserNation> ulist =new  UserNationData().SelectAll();

foreach(UserNation u in ulist)

{

ListItem li =new ListItem();

li.Text=u.NationName;

li.Value=u.NationCode;

if(li.Value=="值")

{ li.Selected=true; }

RadioButtonList.Item.Add(li);

}

取值： Label1.Text=RadioButtonList1.SelectedItem.Text+ RadioButtonList1.SelectedValue

2、CheckBoxList    复选集合

赋值和RadioButtonList 一样

取值：

注意！！！！！！！！！！！！！！！！！！

绑定数据出现数据选项无法更改
page_load事件再每一次页面刷新的时候都会执行
就会把数据重新绑定一次，再去执行按钮事件
判断页面是否是第一次加载还是响应回发

if(!ispostback)
{
只需要在页面第一次加载的时候才执行的代码写到这里面
注意95%的代码都要写到这里面
！事件委托不能写到这里面
}

3、DropDownList    下拉列表选择

赋值：

取值：

用DropDownList实现时间日期选择：

<asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>年
<asp:DropDownList ID="DropDownList2" runat="server"></asp:DropDownList>月
<asp:DropDownList ID="DropDownList3" runat="server"></asp:DropDownList>日

在C#后台代码加载时间日期

 if (!IsPostBack)
        {  //添加年月日
            for (int i = DateTime.Now.Year; i >= ; i--)
            {
                ListItem li = new ListItem(i.ToString(), i.ToString());
                DropDownList1.Items.Add(li);
            }
            for (int i = ; i < ; i++)
            {
                DropDownList2.Items.Add(new ListItem(i.ToString(), i.ToString()));
            }
            for (int i = ; i <= ; i++)
            {
                DropDownList3.Items.Add(new ListItem(i.ToString(), i.ToString()));
            }
        }

在Js中写时间日期的限制

//年月日动态改变
    //年份改变事件，如果是闰年，2月日期动态赋值；如果不是闰年，2月日期动态赋值
    document.getElementById("DropDownList1").onchange = function () {
        var year = document.getElementById("DropDownList1");
        var mon = document.getElementById("DropDownList2");
        var day = document.getElementById("DropDownList3");
        if (mon.value == "") {
            if (year.value %  ==  && year.value %  ==  || year.value %  == ) {

                //先把天控件里的内容清除
                day.options.length == ;
                for (var i = ; i < ; i++) {
                    //创建一个option对象
                    var op = document.createElement("option");
                    //对象的value和显示的innerHTML都是i
                    op.value = i;
                    op.innerHTML = i;
                    //将对象放入天控件
                    day.appendChild(op);

                }
            }
            else {
                day.options.length == ;
                for (var i = ; i < ; i++) {
                    var op = document.createElement("option");
                    op.value = i;
                    op.innerHTML = i;
                    day.appendChild(op);

                }
            }
        }

    }
    //月份改变事件：2月赋值，大月赋值，小月赋值。
    document.getElementById("DropDownList2").onchange = function () {
        var year = document.getElementById("DropDownList1");
        var mon = document.getElementById("DropDownList2");
        var day = document.getElementById("DropDownList3");
        if (mon.value == "") {
            if (year.value %  ==  && year.value %  ==  || year.value %  == ) {
                day.options.length == ;
                for (var i = ; i < ; i++) {
                    var op = document.createElement("option");
                    op.value = i;
                    op.innerHTML = i;
                    day.appendChild(op);

                }
            }
            else {
                day.options.length == ;
                for (var i = ; i < ; i++) {
                    var op = document.createElement("option");
                    op.value = i;
                    op.innerHTML = i;
                    day.appendChild(op);

                }

            }
        }

        else if (mon.value == "" || mon.value == "" || mon.value == "" || mon.value == "" || mon.value == "" || mon.value == "" || mon.value == "") {
            day.options.length == ;
            for (var i = ; i < ; i++) {
                var op = document.createElement("option");
                op.value = i;
                op.innerHTML = i;
                day.appendChild(op);

            }
        }
        else if (mon.value == "" || mon.value == "" || mon.value == "" || mon.value == "") {
            day.options.length == ;
            for (var i = ; i < ; i++) {
                var op = document.createElement("option");
                op.value = i;
                op.innerHTML = i;
                day.appendChild(op);

            }
        }

    }