动态加载用户控件 ASP.net 中的单选选项 GroupName 问题 [英] Radio option GroupName problem in Dynamic loading user Control ASP.net

问题描述

我有用户控制

<table style="border-width: 0">
    <tr>
        <td style="vertical-align: middle;">
            <asp:RadioButton ID="rdOption" runat="server" Text="I m testing"  
                GroupName="Questions" oncheckedchanged="rdOption_CheckedChanged" 
                AutoPostBack="True"/>
        </td>
        <td style="vertical-align: middle; padding-left: 10px">
            <asp:TextBox ID="txtOthers" runat="server" CssClass="txtbox" Visible="false"></asp:TextBox>
        </td>
    </tr>
</table>

protected void Page_Load(object sender, EventArgs e)
    {
        rdOption.GroupName = "myGroup";
        rdOption.Text = Option.OptionDesc;
    }

在 Survery.aspx 上，我动态加载了该用户控件

on Survery.aspx I loaded that user control dynamically

 foreach (clsOptions option in _CurrentQuestion.Options)
        {
            UserControls_OptionField ctrl = Page.LoadControl("~/UserControls/OptionField.ascx") as UserControls_OptionField;
            ctrl.Option = option;
            pnlOption.Controls.Add(ctrl);
        }

问题是每个选项都有不同的组名，如下所示.这就是选项无法正常工作的原因，所有选项都可以选择，而在 MCQ 中只能选择一个选项.

<input id="ContentPlaceHolder1_ctl01_rdOption" type="radio" name="ctl00$ContentPlaceHolder1$ctl01$myGroup" value="rdOption">

<input id="ContentPlaceHolder1_ctl02_rdOption" type="radio" name="ctl00$ContentPlaceHolder1$ctl02$myGroup" value="rdOption">

推荐答案

我认为这是一个 自 1.0 以来 ASP.Net 中的错误(太棒了，他们完全忘记了这一点^^).

I think that this is a bug that is in ASP.Net since 1.0(awesome, they have forgotten that completely ^^).

您可以尝试以下适用于中继器(或任何数据绑定控件)但也适用于您的动态用户控件的解决方案.

You could try following solution that works for a Repeater(or any databound control) but should also work for your dynamic UserControls.

问题是 ASP.Net 为不同的 NamingContainers 呈现不同的唯一名称，因此 RadioButtons 获得不同的 GroupNames.

The problem is that ASP.Net renders different unique names for different NamingContainers and therefore the RadioButtons get different GroupNames.

http://weblogs.asp.net/joseguay/archive/2008/07/24/have-radiobuttons-on-a-repeater-or-datalist.aspx

将其放在页面的 HEAD 部分中:

Put this in your HEAD section of your page's:

function SetUniqueRadioButton(nameregex, current)
{
      re = new RegExp(nameregex);
      for(i = 0; i < document.forms[0].elements.length; i++)
      {
            elm = document.forms[0].elements[i]
            if (elm.type == 'radio')
            {
                  if (re.test(elm.name))
                  {
                          elm.checked = false;
                  }
             }
      }
      current.checked = true;
}

使用适当的参数将客户端 onclick 事件添加到 RadioButtons:

Add the clientside onclick event to the RadioButtons with appropriate parameters:

string script = "SetUniqueRadioButton('rdOption.*myGroup',this)";
rdOption.Attributes.Add("onclick", script);

[未测试]

这篇关于动态加载用户控件 ASP.net 中的单选选项 GroupName 问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！