RadListBox selection is not working in RadPageView.

2 posts, 0 answers
  1. Basharat
    Basharat avatar
    8 posts
    Member since:
    Dec 2012

    Posted 08 Dec 2012 Link to this post

    Hi 

    I have placed a RadTabStrip on my page and linked to RadMultiPage. One of the RadPageView contains a usercontrol which contains some RadListBox controls.

    When I place the user control in directly in the RadAjaxPanel the selection of RadListBox items work fine. but when placed inside the RadPageView it doesnt.

    I am using Telerik for ASP.NET AJAX Q3 2011.
    any urgent help will be appreciated.

    code on my page is as follows:

    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">
            <table id="tbl" cellpadding="10" cellspacing="0" width="100%">
                <tr>
                    <td style="width: 100px;">
                        Select Report :
                    </td>
                    <td>
                        <telerik:RadComboBox ID="RadComboBox1" AutoPostBack="true" OnSelectedIndexChanged="RadDropDown1_SelectedIndexChanged" EmptyMessage="Select Report.." runat="server">
                        </telerik:RadComboBox>
                      
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <telerik:RadTabStrip ID="RadTabStripReport" runat="server" SelectedIndex="0" ShowBaseLine="False"
                            MultiPageID="RadMultiPageReport" Width="99%" EnableEmbeddedBaseStylesheet="false"
                            EnableEmbeddedSkins="false" Skin="StakeTab" Orientation="HorizontalTop" CssClass="Cloud-Tabs">
                            <Tabs>
                                <telerik:RadTab runat="server" Text="Criteria" Value="Criteria" PageViewID="RadPageViewCriteria">
                                </telerik:RadTab>
                                <telerik:RadTab runat="server" Text="View Report" Value="View Report" PageViewID="RadPageViewReport">
                                </telerik:RadTab>
                            </Tabs>
                        </telerik:RadTabStrip>
                        <div class="dvClear">
                        </div>
                        <div style="width: 100%; border: 1px solid #d2d2d2;">
                            <telerik:RadMultiPage ID="RadMultiPageReport" runat="server" SelectedIndex="0" Width="100%">
                                <telerik:RadPageView ID="RadPageViewCriteria" runat="server">
                                     
            <uc1:RptConsultationLogCriteria ID="RptConsultationLogCriteriaUC"  runat="server" />
        
                                </telerik:RadPageView>
                                <telerik:RadPageView ID="RadPageViewReport" runat="server">
                                     
                                </telerik:RadPageView>
                            </telerik:RadMultiPage>
                        </div>
                    </td>
                </tr>
            </table>
     </telerik:RadAjaxPanel>


    And code in user control is as follows:
    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">
        <div class="containerPanel">
            <table width="100%">
                <tr>
                    <td>
                        <strong>Start Date:</strong>
                        <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
                        </telerik:RadDatePicker>
                    </td>
                    <td>
                        <strong>End Date: </strong>
                        <telerik:RadDatePicker ID="RadDatePicker2" runat="server">
                        </telerik:RadDatePicker>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <hr />
                    </td>
                </tr>
                <tr>
                    <td>
                        <strong>Search and select project:</strong>
                    </td>
                    <td>
                        <strong>Search and select Stakeholder:</strong>
                    </td>
                </tr>
                <tr>
                    <td>
                        Type to search Project:<br />
                        <asp:TextBox ID="TextBox12" runat="server"></asp:TextBox><asp:Button ID="Button1"
                            runat="server" Text="Search" /><br />
                        <telerik:RadListBox ID="RadListBoxProjects" CssClass="RadListBox1" AutoPostBack="true" SelectionMode="Single" runat="server"
                            Width="250px" Height="200px" >
                             
                        </telerik:RadListBox>
                    </td>
                    <td>
                        Type to search Stakeholder:<br />
                        <asp:TextBox ID="TextBox14" runat="server"></asp:TextBox><asp:Button ID="Button3"
                            runat="server" Text="Search" /><br />
                        <telerik:RadListBox ID="RadListBoxStakeholder" CssClass="RadListBox1" runat="server"
                            Width="250px" Height="200px" SelectionMode="Multiple">
                            <Items>
                                <telerik:RadListBoxItem Text="Jim" Value=""></telerik:RadListBoxItem>
                                <telerik:RadListBoxItem Text="Peter" Value=""></telerik:RadListBoxItem>
                                <telerik:RadListBoxItem Text="Xyz" Value=""></telerik:RadListBoxItem>
                                <telerik:RadListBoxItem Text="Abc" Value=""></telerik:RadListBoxItem>
                            </Items>
                        </telerik:RadListBox>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <hr />
                    </td>
                </tr>
                <tr>
                    <td>
                        <strong>Fields to include in Report:</strong>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <table>
                            <tr>
                                <td>
                                    Fields available:
                                </td>
                                <td>
                                    Fields Selected:
                                </td>
                                <td>
                                    Groupby results on:
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <telerik:RadListBox ID="RadListBox1" CssClass="RadListBox1" runat="server" Width="250px"
                                        Height="200px" SelectionMode="Multiple" AllowTransfer="true" TransferToID="RadListBox2"
                                        AutoPostBackOnTransfer="true" EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">
                                        <Items>
                                            <telerik:RadListBoxItem Text="Team Member Comments" Value=""></telerik:RadListBoxItem>
                                            <telerik:RadListBoxItem Text="Stakeholder Comments" Value=""></telerik:RadListBoxItem>
                                           
                                        </Items>
                                    </telerik:RadListBox>
                                </td>
                                <td>
                                    <telerik:RadListBox ID="RadListBox2" CssClass="RadListBox2" runat="server" Width="250px"
                                        Height="200px" SelectionMode="Multiple" AllowReorder="true" AutoPostBackOnReorder="true"
                                        AllowTransfer="true" TransferToID="RadListBox3" AutoPostBackOnTransfer="true"
                                        EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">
                                    </telerik:RadListBox>
                                </td>
                                <td>
                                    <telerik:RadListBox ID="RadListBox3" CssClass="RadListBox2" runat="server" Width="250px"
                                        Height="200px" SelectionMode="Multiple" AllowReorder="true" AutoPostBackOnReorder="true"
                                        EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">
                                    </telerik:RadListBox>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <hr />
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <strong>Header Text:</strong>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <table width="100%">
                            <tr>
                                <td align="right">
                                    Team Member Comments:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox1" Text="Team Member Comments" runat="server"></asp:TextBox>
                                </td>
                                <td align="right">
                                    Stakeholder Comments:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox2" Text="Stakeholder Comments" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    Outcome:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox4" Text="Outcome" runat="server"></asp:TextBox>
                                </td>
                                <td align="right">
                                    Issues:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox5" Text="Issues" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    Non Objection Date:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox7" Text="Non Objection Date" runat="server"></asp:TextBox>
                                </td>
                                <td align="right">
                                    Documents Distributed:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox8" Text="Documents Distributed" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    Stakeholder:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox10" Text="Stakeholder" runat="server"></asp:TextBox>
                                </td>
                                <td align="right">
                                    Stakeholder Parent:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox11" Text="Stakeholder Parent" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    Strategies for Mitigation:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox3" Text="Strategies for Mitigation" runat="server"></asp:TextBox>
                                </td>
                                <td align="right">
                                    Non Objection:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox6" Text="Non Objection" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    FN Rep:
                                </td>
                                <td>
                                    <asp:TextBox ID="TextBox9" Text="FN Rep" runat="server"></asp:TextBox>
                                </td>
                                <td align="right">
                                      
                                </td>
                                <td>
                                      
                                </td>
                            </tr>
                        </table>
                        <br />
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <hr />
                    </td>
                </tr>
            </table>
        </div>
        <asp:Button ID="btnGenerateReport" runat="server" Text="GenerateReport" />
    </telerik:RadAjaxPanel>

    Thanks,
    Bash

  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 12 Dec 2012 Link to this post

    Hello Basharat,

    I tried to replicate the experienced issue, based on the provided snippet of code, but to no avail. The RadListBoxItems are correctly selected and it is demonstrated in the video, I have recorded for you. Let me know if I am missing something in your scenario.

    Kind regards,
    Nencho
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top