• 怎样判断RadioButtonList控件是否有选择


    实现这个功能,方法很多的。
    你可以使用Javascript来实现,http://www.cnblogs.com/insus/archive/2013/01/14/2859079.html 当然你可以不使用Javascript使用JQuery一样可以完成。
    你还可以使用程序后台实现,http://www.cnblogs.com/insus/archive/2012/09/05/2671729.html 

    你还可以使用asp.net自带的验证控件来判用户是否有对RadioButtonList控件是否有选择:

    View Code
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
                    <asp:ListItem Text="1"></asp:ListItem>
                    <asp:ListItem Text="2"></asp:ListItem>
                    <asp:ListItem Text="3"></asp:ListItem>
                    <asp:ListItem Text="4"></asp:ListItem>
                </asp:RadioButtonList>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RadioButtonList1"
                    Display="none" ErrorMessage="必须选择"></asp:RequiredFieldValidator>
                <asp:ValidationSummary ID="ValidationSummary1" runat="server" EnableClientScript="true"
                    ShowMessageBox="true" ShowSummary="false" />
                <asp:Button ID="Button1" runat="server" Text="Button" />


    上面的html运行效果如下:



    其实上面所说的,均是一个前提而已。今天Insus.NET想实现的这个问题,



    这帖当时已经收藏了,不过手上工作繁忙,没能及时按自己的想法提供答案,虽然给帖了,没有关系,把想法分享于博客上。
    没有帖主的环境,可以模拟一个的。
    创建一个对象:

    Insus.NET.Survey
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    
    /// <summary>
    /// Summary description for Survey
    /// </summary>
    namespace Insus.NET
    {
        public class Survey
        {
            private string _ID;
            private string _Title;
    
            public string ID
            {
                get { return _ID; }
                set { _ID = value; }
            }
            public string Title
            {
                get { return _Title; }
                set { _Title = value; }
            }
            
            public Survey()
            {
                //
                // TODO: Add constructor logic here
                //
            }
    
            public Survey(string id, string title)
            {
                this._ID = id;
                this._Title = title;
            }
        }
    }


    Ok, 我们新建一个网页,并在网页中填充一些演示数据入刚才创建好的个对象中:

    View Code
    private List<Survey> SurveyData()
        {
            List<Survey> s = new List<Survey>();
            s.Add(new Survey("1.1", "title 1"));
            s.Add(new Survey("1.2", "title 1"));
            s.Add(new Survey("1.3", "title 1"));
            return s;
        }


    有了数据了,在.aspx设计前端代码,拉一个Repeater控件至网页:

    View Code
    <form id="form1" runat="server">
            <div>
                <asp:Repeater ID="Repeater1" runat="server">
                    <HeaderTemplate>
                        <table border="1" border-collapse="collapse" cellpadding="3" cellspacing="0" width="300">
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr>
                            <td style=" 30px;"><%# Eval("ID") %></td>
                            <td><%# Eval("Title") %></td>
                            <td>
                                <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
                                    <asp:ListItem Text="5"></asp:ListItem>
                                    <asp:ListItem Text="4"></asp:ListItem>
                                    <asp:ListItem Text="3"></asp:ListItem>
                                    <asp:ListItem Text="2"></asp:ListItem>
                                    <asp:ListItem Text="1"></asp:ListItem>
                                </asp:RadioButtonList>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RadioButtonList1"
                                    Display="none" ErrorMessage='<%# Eval ("ID") + " 没有勾选打分。" %>'></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </table>
                    </FooterTemplate>
                </asp:Repeater>
                <asp:ValidationSummary ID="ValidationSummary1" runat="server" EnableClientScript="true"
                    ShowMessageBox="true" ShowSummary="false" />
                <asp:Button ID="Button1" runat="server" Text="投票" />
            </div>
        </form>


    看看高亮的代码:

    在.aspx.cs绑定数据给Repeater控件。


    演示一下效果,看看是否有达到效果:




    算是完成了,效果也达到了,不过Insus.NET就此例子,想玩玩其它。望你也能有所收获。
    由于整个RadioButtonList控件在Repeater控件中每一行是独立的。也可以看到Insus.NET在设计对象时,也没有设计留有此列相关的属性,只是用了ID和Title属性。既然这旨独立的,因此,可以把这个块地方抽出来,放置于一个用户控件中去,用户控件(ascx)没错吧?是的,没有错。
    好象复杂度比上面完成的例子更大喔。面向对象嘛!把独立的部分分开,总比藕合性强的程序好些。就是说,某一天程序有改变,某些记录的评分是改为其它,而不是所有都是RadioButtonList控件有5个选项,因此,改为使用一个用户控件替代,这样有改变量,只改用户控件可。

    好吧,创建一个用户控件在站点上。
    把下图comment的部分移至用户控件。



    移过去之后,用户控件稍作改动:



    现在有两个问题需要想到的,就是网页上的Repeater控件内的记录有些信息需要传至用户控件,另外还要想到,用户控件对用户选择的值传至网页,因为选择的值传至网页之后,用户提交投票时,需要存储起来。

    这是页面与用户控件之间的交互。下面是Insus.NET使用Interface(接口)来处理这个交互的问题。 

    Insus.NET.IInteractive
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    
    /// <summary>
    /// Summary description for IInteractive
    /// </summary>
    namespace Insus.NET
    {
        public interface IInteractive
        {
            void SetValue(object obj);
            object GetValue();
        }
    }


    接口写好之后,在用户控件.ascx.cs实用这个接口。



    现在,我们把用户控件完成了,就可以把它拉至网页去。

    好此时网页与用户控件已经碰面了,还差心灵与语言沟能了。怎样让它们之间可以沟通呢? 做法是在Repeater控件上写一个事件。


    在.aspx启用了Repeater控件的OnItemDataBound事件,还得去.aspx.cs实现这样事件的程序:


    看到否,上图中高亮的代码,就是把Repeater控件内的记录的信息传给用户控件。
    效果跟没有使用用户控件时没有两样。

      

  • 相关阅读:
    APICloud学习笔记之Click事件优化
    APICloud学习笔记之doT模板
    APICloud学习笔记之上拉加载
    APICloud学习笔记之下拉刷新
    5. JavaScript 正则表达式
    4. JavaScript 控制语句
    3. JavaScript 数据类型
    2. 语法
    1.开篇
    C++内存申请容易产生的错误
  • 原文地址:https://www.cnblogs.com/insus/p/3064844.html
Copyright © 2020-2023  润新知