Postbackcontrol - communication client/serveur avec les updatepanels
Soyez le premier à donner votre avis sur cette source.
Snippet vu 17 219 fois - Téléchargée 18 fois
Contenu du snippet
Ce contrôle permet de communiquer entre JavaScript et ASP.net par l'intermédiaire d'un UpdatePanel.
Il donne seulement la possibilité à JavaScript de faire un postback sans devoir passer par un composant autre tel un LinkButton.
Voici un exemple d'utilisation :
<asp:UpdatePanel runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Literal runat="server" ID="litTest" />
<cs:PostBackControl runat="server" ID="pbcTest" OnCallBack="pbcTest_CallBack"/>
</ContentTemplate>
</asp:UpdatePanel>
<button id="btn1">Je suis un button</button>
<cs:Script runat="server">
window.pageLoad = function(){
$addHandler($get('btn1'), 'click', function(e){
<%=pbcTest.GetCallBackFunction("'premier test'") %>
e.preventDefault();
});
}
</cs:Script>
On peut également passer des paramètres en client et serveur en JSON grâce au sérialiseur JSON intégré à ASP.net Ajax :
<asp:UpdatePanel runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Literal runat="server" ID="litTest" />
<cs:PostBackControl runat="server" ID="pbcTest" OnCallBack="pbcTest_CallBack" DeserializeCallBackArgument="true"/>
</ContentTemplate>
</asp:UpdatePanel>
<button id="btn1">Je suis un button</button>
<cs:Script runat="server">
window.pageLoad = function(){
$addHandler($get('btn1'), 'click', function(e){
var o = {prop1:'value1',prop2:'value2'};
var s = Sys.Serialization.JavaScriptSerializer.serialize(o);
<%=pbcTest.GetCallBackFunction("s")%>
e.preventDefault();
});
}
</cs:Script>
protected void pbcTest_CallBack(object sender, CallBackEventArgs e)
{
litTest.Text = ((Dictionary<String, Object>)e.CallBackArgument)["prop1"].ToString();
}
Il donne seulement la possibilité à JavaScript de faire un postback sans devoir passer par un composant autre tel un LinkButton.
Voici un exemple d'utilisation :
<asp:UpdatePanel runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Literal runat="server" ID="litTest" />
<cs:PostBackControl runat="server" ID="pbcTest" OnCallBack="pbcTest_CallBack"/>
</ContentTemplate>
</asp:UpdatePanel>
<button id="btn1">Je suis un button</button>
<cs:Script runat="server">
window.pageLoad = function(){
$addHandler($get('btn1'), 'click', function(e){
<%=pbcTest.GetCallBackFunction("'premier test'") %>
e.preventDefault();
});
}
</cs:Script>
On peut également passer des paramètres en client et serveur en JSON grâce au sérialiseur JSON intégré à ASP.net Ajax :
<asp:UpdatePanel runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Literal runat="server" ID="litTest" />
<cs:PostBackControl runat="server" ID="pbcTest" OnCallBack="pbcTest_CallBack" DeserializeCallBackArgument="true"/>
</ContentTemplate>
</asp:UpdatePanel>
<button id="btn1">Je suis un button</button>
<cs:Script runat="server">
window.pageLoad = function(){
$addHandler($get('btn1'), 'click', function(e){
var o = {prop1:'value1',prop2:'value2'};
var s = Sys.Serialization.JavaScriptSerializer.serialize(o);
<%=pbcTest.GetCallBackFunction("s")%>
e.preventDefault();
});
}
</cs:Script>
protected void pbcTest_CallBack(object sender, CallBackEventArgs e)
{
litTest.Text = ((Dictionary<String, Object>)e.CallBackArgument)["prop1"].ToString();
}
Source / Exemple :
using System;
using System.Collections.Generic;
using System.Text;
using System.Web.UI;
using System.ComponentModel;
using System.Web.Script.Serialization;
using System.Web.UI.WebControls;
namespace CS.Web.UI.WebControls
{
public class CallBackEventArgs : EventArgs
{
internal CallBackEventArgs(Object callBackArgument)
{
this._callBackArgument = callBackArgument;
}
private Object _callBackArgument;
public Object CallBackArgument
{
get { return _callBackArgument; }
set { _callBackArgument = value; }
}
}
[NonVisualControl()]
[DefaultEvent("CallBack")]
[ToolboxData(@"<{0}:PostBackControl runat=""server"" />")]
public class PostBackControl : WebControl, IPostBackEventHandler
{
private Boolean _deserializeCallBackArgument = true;
/// <summary>
/// Gets or sets a value indicating whether the argument has to be JSON deserialized.
/// </summary>
/// <value>
/// <c>true</c> if the argument must be JSON Deserialized otherwise, <c>false</c>.
/// </value>
/// <author>Cyril</author>
[DefaultValue(true)]
public Boolean DeserializeCallBackArgument
{
get { return _deserializeCallBackArgument; }
set { _deserializeCallBackArgument = value; }
}
/// <summary>
/// Occurs when the JavaScript call it.
/// </summary>
public event EventHandler<CallBackEventArgs> CallBack;
/// <summary>
/// When implemented by a class, enables a server control to process an event raised when a form is posted to the server.
/// </summary>
/// <param name="eventArgument">A <see cref="T:System.String"></see> that represents an optional event argument to be passed to the event handler.</param>
public void RaisePostBackEvent(string eventArgument)
{
if (CallBack != null)
{
if (_deserializeCallBackArgument)
{
CallBack.Invoke(this, new CallBackEventArgs(new JavaScriptSerializer().DeserializeObject(eventArgument)));
}
else
{
CallBack.Invoke(this, new CallBackEventArgs(eventArgument));
}
}
}
/// <summary>
/// Gets the call back function.
/// </summary>
/// <param name="arguments">The arguments, will be evaluated by javascript.</param>
public String GetCallBackFunction(String arguments)
{
if (String.IsNullOrEmpty(arguments)) {
arguments = "''";
}
this.EnsureID();
// Page.ClientScript.GetPostBackEventReference ne convient pas car elle convertis l'argument en String JavaScript
// on ne peut donc pas intéragir directement avec JavaScript.
return String.Format("__doPostBack('{0}',{1});", this.UniqueID, arguments);
}
}
}
A voir également
- Updatepanel updatemode
- Serveur asp net - Meilleures réponses
- Asp:updatepanel - Meilleures réponses
- ASP / ASP.NET : Httpmodule de debug pour les updatepanel - CodeS SourceS - Guide
- ASP / ASP.NET : Asp.net ajax : updatepanel et fileupload - CodeS SourceS - Guide
- ASP / ASP.NET : Crawlablelinkbutton : updatepanel et référencement - CodeS SourceS - Guide
- UpdatePanel et projet vs 2003 converti ✓ - Forum - ASP.NET
- UpdatePanel et callback d'une chart s'arretent de fonctionner apres l'execution ✓ - Forum - ASP.NET
Du même auteur (jesusonline)
-
Entity framework - avoir un include typé
-
Utilisation de la méthode sort et sortdirection avec un gridview et ajout des flèches haut/bas
-
Webtestplugin - ignorer des urls lors d'un test web visual studio
-
Mecanisme de synchronisation de thread - monitor, mutex, semaphore, resetevent
-
Response.filter : manipulation du stream de sortie asp.net
Ce projet de bibliotheque tu met le fichier du composant (postback control), apres ca tu lance une compile du projet bibliotheque.
Dans la page web ou tu veux utiliser le composant , tu click sur toolbox (ou boite a outil) là ou tous les composants graphiques html sont répertoriés; et ensuite tu click droit sur "choose items..." , tu clike sur parcourir et tu va chercher l'assemblie (.dll) de ta nouvelle bibliotheque , le composant postback control aparaitra dans ta boite a outil , et tu n'aura qu'a le glisser sur la page ou tu veux l'utiliser.
Merci pour ce code qui (apparemment) me resoud un très grand problème.
un problème existe encor dans la balise <cs:script>. c'est une balise inconnue. j'ai essayer de faire une balise script de type text/javascript mais sans le runat="server" ca se compile mais si j'ajoute le runat="server" le script n'est plus compis par le compilateur.
Merci de nous eclércir ce problème si quelqun connais une solution (même partielle).
Je ne sais pas si c'est à cause de IE 7 mais l'appelle de la méthode :
CallBack.Invoke(this,
new CallBackEventArgs(
new JavaScriptSerializer()
.DeserializeObject(eventArgument)
)
);
(dans le 2eme cas) génère l'erreur suivante :
Invalid JSON primitive: premier.
Aurais-tu une idée d'ou cela peut provenir ?
J'obtien une erreur lors de la compilation...
merci!
- Messages postés
-
6814
- Date d'inscription
- dimanche 15 décembre 2002
- Statut
- Modérateur
- Dernière intervention
- 13 octobre 2010
28Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.