webform复合控件以及用来做年月日选择日期的DropDownList控件

摘要:
自动提交的属性:AutoPostBack=“True”1。RadioButtonList无线电集合-属性:RepeatDirection:Vertical/HizontalRepeatLayout:Table/FlowRepeatColumns:要设置的列数。绑定数据时不能更改数据选项_每次刷新页面时都将执行加载事件,数据将反弹一次。然后,将执行按钮事件,以确定页面是首次加载还是响应回发,如果(!Ispostback){写入仅在首次加载页面时才需要执行的代码。请注意,95%的代码应该写入此处!事件委派不能写入此处}3 DropDownList下拉列表选择赋值:value:DropDownList控件实现时间和日期选择:年月天在C#后台代码加载时间日期if(!

自动提交(不用刷新)的属性: AutoPostBack="True"

1、RadioButtonList     单选集合

-属性:RepeatDirection:Vertical (垂直排布)/Horizontal (横向排布)

          RepeatLayout:Table (表格排布方式)/Flow (span排布方式)

          RepeatColumns:         设置为多少列。

webform复合控件以及用来做年月日选择日期的DropDownList控件第1张

每一个单选按钮都是一个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    复选集合

webform复合控件以及用来做年月日选择日期的DropDownList控件第2张

赋值和RadioButtonList 一样

取值:

webform复合控件以及用来做年月日选择日期的DropDownList控件第3张

注意!!!!!!!!!!!!!!!!!!

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

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

3、DropDownList    下拉列表选择

webform复合控件以及用来做年月日选择日期的DropDownList控件第4张

赋值:

webform复合控件以及用来做年月日选择日期的DropDownList控件第5张

取值:

webform复合控件以及用来做年月日选择日期的DropDownList控件第6张

DropDownList控件实现时间日期选择:

<asp:DropDownList runat="server"></asp:DropDownList>年

<asp:DropDownList runat="server"></asp:DropDownList>月

<asp:DropDownList runat="server"></asp:DropDownList>日

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

复制代码
 if (!IsPostBack)
        {  //添加年月日
            for (int i = DateTime.Now.Year; i >= 1900; i--)
            {
                ListItem li = new ListItem(i.ToString(), i.ToString());
                DropDownList1.Items.Add(li);
            }
            for (int i = 1; i < 13; i++)
            {
                DropDownList2.Items.Add(new ListItem(i.ToString(), i.ToString()));
            }
            for (int i = 1; i <= 31; 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 == "2") {
            if (year.value % 100 == 0 && year.value % 400 == 0 || year.value % 4 == 0) {

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


                }
            }
            else {
                day.options.length == 0;
                for (var i = 1; i < 29; 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 == "2") {
            if (year.value % 100 == 0 && year.value % 400 == 0 || year.value % 4 == 0) {
                day.options.length == 0;
                for (var i = 1; i < 30; i++) {
                    var op = document.createElement("option");
                    op.value = i;
                    op.innerHTML = i;
                    day.appendChild(op);


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

                }


            }
        }

        else if (mon.value == "1" || mon.value == "3" || mon.value == "5" || mon.value == "7" || mon.value == "8" || mon.value == "10" || mon.value == "12") {
            day.options.length == 0;
            for (var i = 1; i < 32; i++) {
                var op = document.createElement("option");
                op.value = i;
                op.innerHTML = i;
                day.appendChild(op);

            }
        }
        else if (mon.value == "4" || mon.value == "6" || mon.value == "9" || mon.value == "11") {
            day.options.length == 0;
            for (var i = 1; i < 31; i++) {
                var op = document.createElement("option");
                op.value = i;
                op.innerHTML = i;
                day.appendChild(op);

            }
        }


    }

免责声明:文章转载自《webform复合控件以及用来做年月日选择日期的DropDownList控件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Winform中对自定义xml配置文件进行Xml节点的添加与删除ModuleNotFoundError-No module named jupyter_nbextensions_configurator下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

python中yield的用法及生成器的理解

首先我要吐槽一下,看程序的过程中遇见了yield这个关键字,然后百度的时候,发现没有一个能简单的让我懂的,讲起来真TM的都是头头是道,什么参数,什么传递的,还口口声声说自己的教程是最简单的,最浅显易懂的,我就想问没有有考虑过读者的感受。 接下来是正题: 首先,如果你还没有对yield有个初步分认识,那么你先把yield看做“return”,这个是直观的,它...

radio 获取选中值

Radio 1.获取选中值,三种方法都可以: 1 2 3 $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: 1 2 3 $('in...

【Groovy】Groovy学习,具参、形参、多赋值

Groovy学习笔记 一、灵活初始化与具名参数 ​ Groovy中可以灵活的初始化一个JavaBean类。 ​ 在构造对象时,可以简单地以逗号分隔的名值对来给出属性值。如下: class Person { def age, gender } def student = new Person(age: 10, gender: '男') printl...

ArcGIS10新体验之地图编辑

  地图编辑经常用于做数据更新,虽然这个工作说起来并不复杂,但是由于跟地图交互比较多,而且不同软件的操作流程不一样,往往让刚接触软件的用户无从下手。之前写过一篇文章介绍编辑的技巧,感兴趣的可以到www.higis.cn/index.php/2008/12/380下载(适用于10之前的版本)。而10版本中,对于编辑的工作流程有了较大的改变,因此这里再和大家来...

jQuery动态设置下拉框selected

1、jQuery动态根据内容设置下拉框selected 需求就是根据下拉框的值动态的设置为selected,本以为很简单,网上一大推的方法,挨着尝试了之后却发现没有一个是有用的。网上的做法如下: <select id="selectID "> <option>选择A</option> <option...

memcpy的使用方法总结

1、memcpy 函数用于 把资源内存(src所指向的内存区域) 复制到目标内存(dest所指向的内存区域);拷贝多少个?有一个size变量控制拷贝的字节数;函数原型:void *memcpy(void *dest, void *src, unsigned int count);使用方法:(1)能够拷贝不论什么类型的对象,由于函数的參数类型是void*(...