This is a migrated thread and some comments may be shown as answers.

Find a radbutton created dynamically

3 Answers 138 Views
Button
This is a migrated thread and some comments may be shown as answers.
Eric
Top achievements
Rank 1
Eric asked on 20 Oct 2015, 08:45 PM

Hello, I created radbuttons (CheckBox) dynamically, but I need to get the value of each. Design I have appointed the button with the name "chkParameterType".

My code generates eight buttons and want to know which one has been selected.

Please Help Me

<asp:Panel ID="ListViewPanel1" runat="server">
                                <telerik:RadListView ID="RadListView1" DataSourceID="SqlDataSource1" runat="server"
                                                     ItemPlaceholderID="CandidatosContainer" DataKeyNames="NOMBRE" AllowPaging="true"
                                                     AllowMultiItemSelection="false" >
                                    <LayoutTemplate>
                                        <table cellpadding="0" cellspacing="0" width="100%">
                                            <tr>
                                                <td>
                                                    <telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1"
                                                                          PageSize="20" CssClass="pagerStyle" Visible="false">
                                                        <Fields>
                                                            <telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
                                                            <telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="6"></telerik:RadDataPagerButtonField>
                                                            <telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
                                                            <telerik:RadDataPagerPageSizeField PageSizeComboWidth="60" PageSizeText="Page size: "></telerik:RadDataPagerPageSizeField>
                                                            <telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"
                                                                                               TextBoxWidth="25"></telerik:RadDataPagerGoToPageField>
                                                        </Fields>
                                                    </telerik:RadDataPager>
                                                </td>
                                            </tr>
                                        </table>
                                        <div class="RadListView RadListView_<%# Container.Skin %>">
                                            <asp:PlaceHolder ID="CandidatosContainer" runat="server"></asp:PlaceHolder>
                                        </div>
                                        <div class="clearFix">
                                        </div>
                                      </LayoutTemplate>
                                    <ItemTemplate>
                                        <fieldset class="fieldset">
                                            <legend>
                                                Candidato: <%# Eval("COD_POSTULACION") %>
                                            </legend>
                                            <table class="dataTable">
                                                <tr class="rlvI">
                                                    <td>
                                                        <table class="itemTable">
                                                            <tr>
                                                                <td>
                                                                    <table class="innerItemTable">
                                                                        <tr>
                                                                            <td class="itemCellLabel">
                                                                                Nombre:
                                                                            </td>
                                                                            <td class="itemCellInfo">
                                                                            <%#Eval("NOMBRE")%>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td class="image">
                                                        <telerik:RadBinaryImage ID="RadBinaryImage1" runat="server" AlternateText="FOTO"
                                                                                ToolTip="Contact Photo" Width="90px" Height="110px" ResizeMode="Fit" DataValue='<%# Eval("FOTO") == DBNull.Value? new System.Byte[0]: Eval("FOTO") %>'></telerik:RadBinaryImage>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <telerik:RadButton ToggleType="CheckBox" 
                                                                       ButtonType="StandardButton"
                                                                       runat="server"
                                                                       ID="chkParameterType" 
                                                                       AutoPostBack="False">
                                                        <ToggleStates>
                                                            <telerik:RadButtonToggleState Text="Seleccionado" PrimaryIconCssClass="rbToggleCheckboxChecked"/>
                                                            <telerik:RadButtonToggleState Text="Sin Seleccionar" PrimaryIconCssClass="rbToggleCheckbox" />
                                                        </ToggleStates>
                                                    </telerik:RadButton>
                                                </tr>
                                            </table>
                                        </fieldset>
                                    </ItemTemplate>
                                    <EmptyDataTemplate>
                                        <fieldset class="noRecordsFieldset">
                                            <legend>Customers</legend>No records for customers available.
                                        </fieldset>
                                    </EmptyDataTemplate>
                                </telerik:RadListView>
                            </asp:Panel>​

 

3 Answers, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 21 Oct 2015, 01:47 PM
Hi Eric,

Could you please elaborate more on the matter? Where do you want to get the value of the clicked button - on the client-side or the server-side? I would also suggest that you examine the API of the button for details:
   - http://docs.telerik.com/devtools/aspnet-ajax/controls/button/server-side-programming/properties-and-events
   - http://docs.telerik.com/devtools/aspnet-ajax/controls/button/client-side-programming/overview

Regards,
Danail Vasilev
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Eric
Top achievements
Rank 1
answered on 21 Oct 2015, 02:10 PM

Hello Danail

I want to get the values of each button from javascript but like buttons are dynamically created by the radlistview not with that ID should refer to them.

I attached a reference image

Sorry for my English, I am using Google translator â€‹

0
Danail Vasilev
Telerik team
answered on 23 Oct 2015, 08:53 AM
Hello Eric,

You can use the code below to get all the buttons inside their wrapper:

<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
    <script>
        function pageLoad() {
            var targetButtons = new Array();
            for (var i = 0, length = $telerik.radControls.length; i < length; i++) {
                var control = $telerik.radControls[i];
                if (Telerik.Web.UI.RadButton.isInstanceOfType(control) && $telerik.isDescendant(document.getElementById("buttonWrapper"), control.get_element()))
                    targetButtons.push(control);
            }
            alert(targetButtons.length);
        }
    </script>
    <div id="buttonWrapper">
        <telerik:RadButton ToggleType="CheckBox"
            ButtonType="StandardButton"
            runat="server"
            ID="chkParameterType"
            AutoPostBack="False">
            <ToggleStates>
                <telerik:RadButtonToggleState Text="Seleccionado" PrimaryIconCssClass="rbToggleCheckboxChecked" />
                <telerik:RadButtonToggleState Text="Sin Seleccionar" PrimaryIconCssClass="rbToggleCheckbox" />
            </ToggleStates>
        </telerik:RadButton>
        <telerik:RadButton ToggleType="CheckBox"
            ButtonType="StandardButton"
            runat="server"
            ID="RadButton1"
            AutoPostBack="False">
            <ToggleStates>
                <telerik:RadButtonToggleState Text="Seleccionado" PrimaryIconCssClass="rbToggleCheckboxChecked" />
                <telerik:RadButtonToggleState Text="Sin Seleccionar" PrimaryIconCssClass="rbToggleCheckbox" />
            </ToggleStates>
        </telerik:RadButton>
    </div>
    <telerik:RadButton ToggleType="CheckBox"
        ButtonType="StandardButton"
        runat="server"
        ID="RadButton2"
        AutoPostBack="False">
        <ToggleStates>
            <telerik:RadButtonToggleState Text="Seleccionado" PrimaryIconCssClass="rbToggleCheckboxChecked" />
            <telerik:RadButtonToggleState Text="Sin Seleccionar" PrimaryIconCssClass="rbToggleCheckbox" />
        </ToggleStates>
    </telerik:RadButton>
</form>

After that you can utilize the RadButton client-side API.

Regards,
Danail Vasilev
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Button
Asked by
Eric
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Eric
Top achievements
Rank 1
Share this question
or