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

JQuery :: Client-side Collapse/expand and working with telerick rad grid sorting col?

2 Answers 55 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Perfect asked on 07 Sep 2012, 06:43 AM
Hi Team,

  My requirement is : I have search page, in this page I have 2 filed set, in first field set I'm using "

JQuery :: Client-side Collapse/expand" below some  textboxes like title,number,etc..textbox controls. so user can enter data any text box control and click on Search button Filed set 2 open with releated filter condition data can be populated in radgrid. This can be working fine for me.


My problem is :  defautly Close Hide Search Criteria [Expand panel] below
                                               Search Criteria
Title :  
                                                   Number :  
 like some text box have and below 2 buttons Search and Cancel
 If I enter in "Title" text box as "AAA" and click on Search button open a field set 2  Search Results and displaying radgrid with releated data[in rad grid I have columns S.No,Title,Number...] ok, means everything is working fine for me.

now when I click on "+" image button Open Show Search Criteria [Collapse panel]  here I hide the Search Criteria field set and only display Field set 2 means Search result field set area only I display. here in rad grid when I want to do sorting perform on columns [Title] column is sorting and panel also "Expand" please can you help me in this issue.

for you reference below  I mention my JQuery script
<script language="javascript" type="text/javascript" src="../JS/jquery-1.4.1.min.js"></script>
<script language="javascript" type="text/javascript" src="../JS/jquery.tooltip.js"></script>
// Expand collapse
        function ExpandCollapseDivFilters() {
            var lbl = document.getElementById("<%= lblfilterTitle.ClientID %>");
            var pnl = document.getElementById("<%= pnlFilter.ClientID %>");
            var img = document.getElementById("<%= img.ClientID %>");


            var divstyle =;
            if (divstyle.toLowerCase() == "block" || divstyle == "") {
                img.src = "../Images/Buttons/Open1.gif";
                img.alt = "Open";

                lbl.innerHTML = "Show Search Criteria";
            else {
                img.src = "../Images/Buttons/Close1.gif";
                img.alt = "Close";

                lbl.innerHTML = "Hide Search Criteria";
 <table id="divToggle" style="background-color: Blue; height: 25px; width:100%;" onclick="ExpandCollapseDivFilters();">
                <td align="left">
                    <img id="img" runat="server" src="~/Images/Buttons/Close1.gif" alt="Close" />
                    <asp:Label ID="lblfilter" runat="server" />
                    <span id="lblfilterTitle" class="labelContent" runat="server"></span>
 <asp:Panel ID="pnlFilter" runat="server">
  // here I'm writing Field set 1 means  here I define my textbox controls[Search Criteria]
                         <fieldset style="display: none" id="SearchResults" runat="server">
                                <legend >
                                    <asp:Label ID="lblResults" runat="server" Text="Search Results" CssClass="legend"></asp:Label>
                                <uc:SearchControl ID="uscSearchControl" runat="server" /> // in this user control I have  Rad grid      
Now I hope you can be clear ...
Advance Thanks
Mr. Perfect

2 Answers, 1 is accepted

Sort by
Top achievements
Rank 1
answered on 11 Sep 2012, 08:54 AM

  I'm waiting for reply.

Advance Thanks:)

Telerik team
answered on 14 Sep 2012, 08:47 AM

From your explanations it does not get clear what you are trying to achieve. Could you try to ask your questions in more specific way?

Kind regards,
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.
General Discussions
Asked by
Top achievements
Rank 1
Answers by
Top achievements
Rank 1
Telerik team
Share this question