Hi Team,
My requirement is : I have search page, in this page I have 2 filed set, in first field set I'm using "
Hide Search Criteria [Expand panel] below
Search Criteria
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
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 %>");
//debugger;
var divstyle = pnl.style.display;
if (divstyle.toLowerCase() == "block" || divstyle == "") {
$(pnl).slideUp("slow");
img.src = "../Images/Buttons/Open1.gif";
img.alt = "Open";
lbl.innerHTML = "Show Search Criteria";
}
else {
$(pnl).slideDown("slow");
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();">
<tr>
<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>
</td>
</tr>
</table>
<asp:Panel ID="pnlFilter" runat="server">
// here I'm writing Field set 1 means here I define my textbox controls[Search Criteria]
</asp:Panel>
<fieldset style="display: none" id="SearchResults" runat="server">
<legend >
<asp:Label ID="lblResults" runat="server" Text="Search Results" CssClass="legend"></asp:Label>
</legend>
<uc:SearchControl ID="uscSearchControl" runat="server" /> // in this user control I have Rad grid
</fieldset>
Now I hope you can be clear ...
Advance Thanks
Mr. Perfect
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

Search Criteria
|
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

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 %>");
//debugger;
var divstyle = pnl.style.display;
if (divstyle.toLowerCase() == "block" || divstyle == "") {
$(pnl).slideUp("slow");
img.src = "../Images/Buttons/Open1.gif";
img.alt = "Open";
lbl.innerHTML = "Show Search Criteria";
}
else {
$(pnl).slideDown("slow");
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();">
<tr>
<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>
</td>
</tr>
</table>
<asp:Panel ID="pnlFilter" runat="server">
// here I'm writing Field set 1 means here I define my textbox controls[Search Criteria]
</asp:Panel>
<fieldset style="display: none" id="SearchResults" runat="server">
<legend >
<asp:Label ID="lblResults" runat="server" Text="Search Results" CssClass="legend"></asp:Label>
</legend>
<uc:SearchControl ID="uscSearchControl" runat="server" /> // in this user control I have Rad grid
</fieldset>
Now I hope you can be clear ...
Advance Thanks
Mr. Perfect