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

[Daniel]

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> 

 

[Nencho]

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

 

 

[Daniel]

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