.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Post New Web Links

How to track Collapse/ Expand event of AJAX Collapsible Panel Extender to call javascript ?

Posted By:      Posted Date: October 11, 2010    Points: 0   Category :ASP.Net
 

Hi

I am working with AJAX Panel Collapsable panel extender.

The Panel which is to be collapsed/Expanded using AJAX panel Extender contains one custom control, containing 3 Radio buttons one of them is set checked through a javascript function when page loads. I have kept the default property of AJAX collapsable panel as Collapsable.

Script for AJAX Collapsible Panel Extender is as follow. 

 <ajax:CollapsiblePanelExtender ID="cpeSOP" runat="Server" CollapseControlID="pnlCollapsable"
   CollapsedSize="0" Collapsed="True" CollapsedImage="~/public/img/arrowRightWhite.gif"
   ExpandControlID="pnlCollapsable" ExpandDirection="Vertical" ExpandedImage="~/public/img/arrowDownWhite.gif"
   ImageControlID="Image1" SuppressPostBack="true" TargetControlID="pnlSearchCriteria">
  </ajax:CollapsiblePanelExtender>

But problem is that when page loads, collapsible panel gets collapsed but it resets the radio buttons in custom control. i.e. First radio button does not get checked. Script for Collpsable panel is as follow. I want to call some javascript code when the panel is Collapsed or Expanded. Is there any way to track Coll


View Complete Post


More Related Resource Links

Collapsible Panel Expand Event Help

  
I have a series of collapsible panels on a page. Each of them contain a databound listview. I am looking for a way to prevent the massive hit to the DB on page load. I was thinking about holding the databinding until the user expands the panel. But there is no onExpanding event. Any ideas on how I can fire server side code when the panel is expanded?

Collapsible Panel Extender Issue

  
Hi Everyone,I am facing strange problem when using the Collapsible Panel Extender inside a gridview. It saying control with the same id cannot be added to the application. Please suggest me solution in this regard asap.Thanks in advance...

asp.net AJAX, how to respond a javascript AJAX call

  

Dear Friends

I have a problem

condition : server = asp.net FW3.5 .... Client = just and just htmls (no server control /no runat ="server" att)

i open a ajax request from browser and that is ok

problem:

1. in case above  a page_load happend on server we all know that, but i cant determine is it asynchorus load or normal load

2. as response of that AJAX call i can't use response.write() cause it will redraw entire page not just a portion

In Litle Details: suppose i there is a <div id = ....> on client page, i just need to send a table, after that javascript will put that under the div.

and response write can't do this cause it send xml for entire page not for just tha table,

So friends Please Help

 


How to call a javascript click event from ASPx?

  

this is kind of wierd but I need to use behindcode or aspx code to call a javascript click event.  The reason is because, I have two controls.  One control is a javascript controls tabs.  The other control is a panel.  The panel has a bunch of controls and depending on which tabs are being selected, the panel will switch to panel1,2,3,4 depending on if the user click tab1,2,3,4.

I've got the upper part programmed by using a __doPostback to the update panel.


However, in this case, I need to program the opposite because when the user switches the panel, the tab must be switched.


So here's what I got when a user clicks the tabs:

<a href="#" onclick="easytabs('1', '1');__doPostBack('UpdatePanel2', 'Tab1');return false;" onfocus="easytabs('1', '1');" title="" id="tablink1">


So I need a server side function such that when a user clicks <asp:LinkButton> or something, it will also call "easytabs('1','1');




some invisible parts within collapsible panel extender

  

It sometimes sucks when logicaly one can not find an understandable reason for Asp problems or finding them out always needs a

knowledge which is not available on documentations.

Well problem here is that I use Collapsible panel extender to show a repeater inside a fixed positioned div.

what I get as a result is just header and Item template of repeater. no footer template.

even puting content of footer panel outside repeater but inside collapsible panel doesn't solve the problem.


my code is as following :


<div id="rbkorgenpnl"   style ="position : fixed ; top : 0px; left : 490px; z-index : 100px; ">

<asp:Panel ID="rbkorgExtPnl" runat ="server" Width ="400px" >
<div id="Div7" class="rbkorgddpaneltab">
<a href="#"><span>

Rabatkorgen  <img src="images/css/print0.jpeg" width ="20px" height ="20px" /> <img src="images/css/sms.jpeg" width ="20px" height ="20px"/></span></a>
</div>
</asp:Panel>
<asp:Panel ID="rbkorgColPnl" runat ="server" Width ="400px" style="background-image :url(images/frame/bg_rabattkorgen.png); background-repeat :no-repe

ASP.NET AJAX : Collapsible Panel PostBack

  

Hi experts,

I have used CollapsiblePanel on my page, but when page is Post back, then it is redrawing all controls inside to it.

Why?

How to resolve it?

Please reply guys.

Thanks.




.ajax() call in javascript functon

  

i have a jquery .click() function that executes an .ajax() method call

 $(".btn-play").live("click", function () {
                //set globalSortNumber
                globalSortNumber = $(this).parents("[sortnumber]").attr("sortnumber");//.attr("value") ; //change should be some type of input like mediaid //see if its possible to add the sortID to the handle span
//                alert(globalSortNumber);
                //set title
 
                //set mediaID
                var mediaID = $(this).parents("[mediaid]").attr("mediaid");
//                alert(mediaID);
                //ajax query to get link and excute code to launch music
                $.ajax({
                    type:"POST",
                    url:"ajax/AB3Ajax.asmx/GenerateLink",
                    data:"{'mediaId':" + mediaId + ",'userId':" + "0" + "}",
                    contentType:"application/json; charset=utf-8",
                    dataType:"json",
                    success:function (msg) {
                        if (msg.d != "") {
                            playsong(msg.d,null);
                            }
                            else {
                         

How to call javascript function from Button CLick event

  

Hi,

I have a createuserwizard. My CompleteUserWizard in CreateUserWizard is like this..

<asp:CompleteWizardStep ID="MessageStep" runat="server">

<ContentTemplate>

<table>

<tr>

  <td>

  <table style="height: 100%; width: 100%;">

   <tr>

   <td align="center" colspan="2" class="complete_text">

   Complete

   </td>

   </tr>

   <tr>

  <td>

  Your account has been successfully created.

  </td>

  </tr>

  <tr>

     <td align="center" colspan="2">

    <asp:Button runat="server" ValidationGroup="Createuserwizard1" CommandName="Continue" ID="ContinueButton" CausesValidation="False" Text="Continue" Width="65px" CssClass="Base" />

      </td>

      </tr>

      </table>

      </td>

</tr>

&

call JavaScript - jQuery code from ASP.NET Server-Side

  
jQuery got so close to me lately that I can see myself adding the scripts to my project almost unconsciously. The thing is, jQuery is very useful for me, in almost all situations and it has been a do or die enhancement for all my project since I first put my hands on it.

Of course while using it, you encounter few situations which need a bit of research to solve, mostly when you are trying to combine it with some other technologies like: UpdatePanels and ASP.NET Ajax. For instance there are many situations when I would like to run some jQuery magic based on some decision that I make on the server side.

Using jQuery to directly call ASP.NET AJAX page methods

  
Here I am looking to explain how to call page methods using jQuery. Using jQuery to directly call ASP.NET AJAX page methods

call JavaScript - jQuery code from ASP.NET Server-Side

  
jQuery got so close to me lately that I can see myself adding the scripts to my project almost unconsciously. The thing is, jQuery is very useful for me, in almost all situations and it has been a do or die enhancement for all my project since I first put my hands on it.

Of course while using it, you encounter few situations which need a bit of research to solve, mostly when you are trying to combine it with some other technologies like: UpdatePanels and ASP.NET Ajax. For instance there are many situations when I would like to run some jQuery magic based on some decision that I make on the server side

Ajax Enabled Gridview using JavaScript in ASP.NET

  
Before explaining the article, I would like to thank all readers who read my article and voted for it. Your appreciation for my article gives me strength to write more good articles. Hope in future I will get your valuable comments and suggestions. Now I won't waste your time and come back to the topic. I have written this article on 'Ajax Enabled Gridview Using JavaScript in ASP.NET'. In this article, I will show you how to make a Gridview using a simple HTML table, JavaScript and XML HTTP for Ajax call without using any ASP.NET control.

Using Code

GridView Javascript Click Row and Ajax

  
This article shows 2 common tasks with the ASP.NET GridView: Binding a List (generic) of objects as DataSource and on clicking a row, getting the values of the selected row by a javascript function. In the example a List with User-objects is displayed. On clicking a row containing the data of a User-object, the Id of the object is used to get the address of the user by an Ajax-call and display it in a details-field.

how to impose javascript event processing?

  

If I have some form control like textbox and I want the event handler to be located in the html instead of at the server side, how to do that? Of course I can copy paste javascript code in the aspx file. But is it possible to do that using some object oriented approach (ie programmatically in the code behind)?

Thanks


May i use the collapse and expand feature (like tree menu) in Report ?

  

HI all,

May i use the collapse and expand feature (like tree menu) at Report iam using the Report viewer  Control for displaying the Report on my Asp.net Page .

 

I have number records and each record have detail as i clicked or expand the record then details will be shown is it possible with report viewer control 
 
If any one have experince before please share the ideas.

 

Best Regards


ASP.NET Proxy Page - Used for Cross Domain Requests from AJAX and JavaScript

  
The article ASP.NET Proxy Page - Used for Cross Domain Requests from AJAX and JavaScript was added by Aamir Hasan on Thursday, August 19, 2010.

One of the pain points with developing AJAX, JavaScript, JQuery, and other client-side behaviors is that JavaScript doesn't allow for cross domain request for pulling content. For example, JavaScript code on www.johnchapman.name could not pull content

Open different page using Ajax Modal PopUp Extender Control

  
The article Open different page using Ajax Modal PopUp Extender Control was added by Chintan Dave on Thursday, July 15, 2010.

You May use Modal Popup Extender to open some part of the page as Popup. But there we don't have any property to open other html or aspx page in Popup window.We can do it using IFrame control. What we have to do, just add IFrame control in Panel that
Categories: 
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend