RadSearchBox within RadGrid EditFormTemplate within RadPanelBar collapses the SearchContext without allowing it to be viewed or selected

3 posts, 0 answers
  1. Daniel
    Daniel avatar
    4 posts
    Member since:
    Feb 2013

    Posted 03 Apr 2015 Link to this post

    I have a RadSearchBox within a RadGrid EditFormTemplate within a RadPanelBar.  When dropping down the SearchContext, it flashes quickly and disappears without allowing it to be viewed or selected.  ive tried setting the CollapseAnimation-Duration to a large number and that allows a user to see and select it, but then it has to wait to time out before being used.  Below is my code snippet.

     

                <telerik:RadPanelBar ID="RadPanelBar4" runat="server" Width="100%">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Clauses" PreventCollapse="false">
                            <Items>
                                <telerik:RadPanelItem runat="server">
                                    <ItemTemplate>

                                        <telerik:RadGrid ID="rgClauses" runat="server" DataSourceID="sdsClauses"
                                            AllowFiltering="True" AllowPaging="True" AllowSorting="True" ShowGroupPanel="False" Width="100%" 
                                            RenderMode="Auto" AutoGenerateColumns="False" ShowFooter="False" CellSpacing="-1" PageSize="5" 
                                            AllowAutomaticInserts="True" AllowAutomaticDeletes="True" AllowAutomaticUpdates="false"
                                            GridLines="Both" GroupPanelPosition="Top" >
                                            <GroupingSettings CaseSensitive="false" />
                                            <ClientSettings AllowDragToGroup="True" AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">
                                                <Resizing AllowColumnResize="True" ResizeGridOnColumnResize="True"></Resizing>
                                                <Scrolling AllowScroll="false" UseStaticHeaders="True" />
                                            </ClientSettings>
                                            <MasterTableView GroupLoadMode="server" Width="100%" EnableViewState="true" ShowGroupFooter="True" GroupsDefaultExpanded="True"  
                                                DataKeyNames="ContractEngagementID,StandardizedClausesProvisionsID" ShowHeader="true" AllowAutomaticUpdates="false" CommandItemSettings-ShowAddNewRecordButton="true" CommandItemDisplay="Top"> 
                                                <Columns>
                                                    <telerik:GridEditCommandColumn ButtonType="ImageButton" Reorderable="False" Resizable="False" UniqueName="insert">
                                                        <HeaderStyle HorizontalAlign="Center" Width="54px" Wrap="False"/>
                                                        <ItemStyle HorizontalAlign="Center" Wrap="False" />
                                                    </telerik:GridEditCommandColumn>

                                                    <telerik:GridBoundColumn DataField="ContractEngagementID" DataType="System.Int32" FilterControlAltText="Filter ContractEngagementID column" HeaderText="ContractEngagementID" ReadOnly="True" SortExpression="ContractEngagementID" UniqueName="ContractEngagementID" Visible="true">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn DataField="StandardizedClausesProvisionsID" FilterControlAltText="Filter StandardizedClausesProvisionsID column" HeaderText="ID" SortExpression="StandardizedClausesProvisionsID" UniqueName="StandardizedClausesProvisionsID" ReadOnly="true" Visible="true">
                                                    </telerik:GridBoundColumn>                                                
                                                    <telerik:GridBoundColumn DataField="StandardizedClausesProvisions" FilterControlAltText="Filter StandardizedClausesProvisions column" HeaderText="Provision" SortExpression="StandardizedClausesProvisions" UniqueName="StandardizedClausesProvisions" ReadOnly="true">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn DataField="StandardizedClausesProvisionsType" FilterControlAltText="Filter StandardizedClausesProvisionsType column" HeaderText="Type" SortExpression="StandardizedClausesProvisionsType" UniqueName="StandardizedClausesProvisionsType" ReadOnly="true">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridButtonColumn ConfirmText="Delete this entry?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" UniqueName="delete">
                                                        <FooterStyle Wrap="False" />
                                                        <HeaderStyle HorizontalAlign="Center" Width="25px" Wrap="False" />
                                                        <ItemStyle Wrap="False" />
                                                    </telerik:GridButtonColumn>
                                                </Columns>
                                                <EditFormSettings EditFormType="Template">
                                                    <FormTemplate>
                                                        <table id="Table2" width="100%" border="0" >
                                                            <tr>
                                                                <td>
                                                                    <telerik:RadSearchBox ID="RadSearchBox1" runat="server" Width="500" DropDownSettings-Height="200px" IsCaseSensitive="false" RegisterWithScriptManager="true"  
                                                                        DataSourceID="sdsAvailableClauses"  
                                                                        DataTextField="StandardizedClausesProvisionsReference" DataValueField="StandardizedClausesProvisionsID" DataContextKeyField="StandardizedClausesProvisionsTypeID">
                                                                        <SearchContext DataSourceID="sdsAvailableTypes" DataTextField="StandardizedClausesProvisionsType" DataKeyField="StandardizedClausesProvisionsTypeID">
                                                                        </SearchContext>
                                                                    </telerik:RadSearchBox>
                                                               </td>
                                                            </tr>
                                                        </table>
                                                    </FormTemplate>
                                                </EditFormSettings>
                                            </MasterTableView>
                                            <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
                                        </telerik:RadGrid>
                                        <asp:SqlDataSource ID="sdsClauses" ConnectionString="<%$ ConnectionStrings:ContractsConnectionString %>"
                                            ProviderName="<%$ ConnectionStrings:ContractsConnectionString.ProviderName %>" runat="server"
                                            SelectCommand="SELECT * FROM [Contracts].[dbo].[vwContractEngagementClauses] WHERE ([ContractEngagementID] = @ContractEngagementID)"
                                            InsertCommand="usp_AddContractEngagementClause" InsertCommandType="StoredProcedure"
                                            DeleteCommand="usp_DeleteContractEngagementClause" DeleteCommandType="StoredProcedure">
                                            <SelectParameters>
                                                <asp:ControlParameter ControlID="rtvContractEngagement" Name="ContractEngagementID" PropertyName="SelectedValue" Type="Int32" />
                                            </SelectParameters>
                                            <InsertParameters>
                                                <asp:ControlParameter ControlID="rtvContractEngagement" Name="ContractEngagementID" PropertyName="SelectedValue" Type="Int32" />
                                                <asp:ControlParameter ControlID="rgClauses" Name="StandardizedClausesProvisionsID" PropertyName="SelectedValue" Type="Int32" />
                                            </InsertParameters>
                                            <DeleteParameters>
                                                <asp:ControlParameter ControlID="rgClauses" Name="ContractEngagementID" PropertyName="SelectedValue" Type="Int32" />
                                                <asp:ControlParameter ControlID="rgClauses" Name="StandardizedClausesProvisionsID" PropertyName="SelectedValue" Type="Int32" />
                                            </DeleteParameters>
                                        </asp:SqlDataSource>
                                        <asp:SqlDataSource ID="sdsAvailableClauses" ConnectionString="<%$ ConnectionStrings:ContractsConnectionString %>"
                                            ProviderName="<%$ ConnectionStrings:ContractsConnectionString.ProviderName %>" runat="server"
                                            SelectCommand="SELECT * FROM [Contracts].[dbo].[vwAvailableContractEngagementClauses] WHERE ([ContractEngagementID] = @ContractEngagementID) " >
                                            <SelectParameters>
                                                <asp:ControlParameter ControlID="rtvContractEngagement" Name="ContractEngagementID" PropertyName="SelectedValue" Type="Int32" />
                                            </SelectParameters>
                                        </asp:SqlDataSource>
                                        <asp:SqlDataSource ID="sdsAvailableTypes" ConnectionString="<%$ ConnectionStrings:ContractsConnectionString %>"
                                            ProviderName="<%$ ConnectionStrings:ContractsConnectionString.ProviderName %>" runat="server"
                                            SelectCommand="SELECT * FROM [Contracts].[dbo].[StandardizedClausesProvisionsType] WHERE ([Enabled] = 1) " >
                                        </asp:SqlDataSource>

                                    </ItemTemplate>
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelBar> 

     

  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 08 Apr 2015 Link to this post

    Hello Daniel,

    I tried to replicate the described issue locally, but to no avail - the RadSearchBox behaves correctly and there is no need of increasing the CollapseAnimation-Duration. Could you please specify the version of our controls that you are currently using and the browser under which the issue occurs? In addition, please make sure that there are no javascript errors on the page.


    Regards,
    Nencho
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Daniel
    Daniel avatar
    4 posts
    Member since:
    Feb 2013

    Posted 08 Apr 2015 in reply to Nencho Link to this post

    Thanks for your response.  I've decided to go in a different direction and use the RadComboBox.
Back to Top