Find a radbutton created dynamically

4 posts, 0 answers
  1. Eric
    Eric avatar
    7 posts
    Member since:
    Nov 2012

    Posted 20 Oct 2015 Link to this post

    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>​

     

  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 21 Oct 2015 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Eric
    Eric avatar
    7 posts
    Member since:
    Nov 2012

    Posted 21 Oct 2015 in reply to Danail Vasilev Link to this post

    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 ​

  5. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 23 Oct 2015 Link to this post

    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
Back to Top