comment développer une application Web ASP.NET avec le framework ExtJs ?

Question

Je suis nouveau dans la programmation web, Je développe une simple application web avec asp.net sur ​​le VS2010 et j'aime bien ajouter le framework ExtJs4 dans mon application mais je ne sais pas comment !

la technologie ExtJS est basée sur javascript donc je me demande comment faire la liaison entre mon  code C# et ma BD avec le code source des composants ExtJS (multiselect, ProgressBarr, Grid, Slider,..) qui sont décrite avec le code javascript ?

j’espère que je bien expliquer mon problème ! 

Merci énormément pour votre attention 

---

Sabri

Answer 1

Bonjour,

Il est possible d'attacher aux différentes balises HTML générées par les contrôles serveurs ASP.NET le code JavaScript à exécuter. Voir l'exemple de la page http://msdn.microsoft.com/fr-fr/library/system.web.ui.webcontrols.button.onclientclick.aspx.

Plus généralement voir http://msdn.microsoft.com/fr-fr/library/3hc29e2a.aspx (Scripts client dans les pages ASP.NET). Il faut bien distinguer ce qui se passe sur le serveur ("modélisation" sous forme d'objets d'une page à partir de laquelle sera généré le code HTML correspondant) et sur le client (ce code HTML est affiché dans le navigateur et le code JavaScript éventuel est exécuté).

Si on entre trop dans des points spécifiques à ExtJS, la question devrait plutôt être dirigé vers un forum concernant ce produit...

---

Please always mark whatever response solved your issue so that the thread is properly marked as "Answered".

Answer 2

Merci beaucoup Patrice pour vos liens, ils mon aidé à ajouter les contrôles graphique de ExtJs dans ma page web asp.net :)

le point le plus important mnt c'est  comment je peut me faire une liaison entre mes donneés de BD avec ces controles !

j'ai cherché sur le net je trouver qu'il faut passé par le Json! c'est nouveau pour moi ! y'a til une autre methode !

merci n'hésitez de m'envoyer des lien sur ce sujet ça va m'aider beaucoup :)

Merci Bien pour votre attention

---

Sabri

Answer 3

Si vous êtes totalement débutant en web, cela va sans doute être un peu difficile. Il existe essentiellement deux grandes approches :

- soit les données sont liées sur le serveur et le code HTML va donc déjà inclure les données. Lorsque nécessaire, les données modifiées sont envoyées vers le serveur et une nouvelle page complète est regénérée.

- soit les données sont liées sur le client ce qui est sans doute plus complexe. Lorsque nécessaire, le navigateur lance une requête en "arrière plan" vers le serveur web pour transférer uniquement des données (par exemple, envoyer des données à modifier et recevoir de nouvelles données à afficher) et va réafficher ces données dans la page déjà existante ce qui permet d'éviter une regénération complète de la page. Voir http://fr.wikipedia.org/wiki/Ajax_(informatique). Et donc JSON est effectivement l'un des formats sous lequel peut se faire le transfert.

Au delà, chercher peut-être ExtJS databinding dans Google... Bon courage.

---

Please always mark whatever response solved your issue so that the thread is properly marked as "Answered".

Answer 4

Bonjour,

pour compléter la réponse de patrice vous trouverez ci dessous 2 liens vers des exemples Ext/js Asp.Net :

- Tutorial:EXTJS Tree Panel with ASP NET : dans cet exemple le chargement de l'arbre est directement effectué par l'appel d'une page aspx qui contiendra uniquement le xml nécessaire au chargement de l'arbre. Ce cas présente en fait une utilisation "détournée" d'une page car elle n'est pas utilisée pour un affichage dans un navigateur mais uniquement pour générer un xml d'alimenation de l'arbre.

- ExtJS and .NET Web Services : ce lien présente une méthode "plus propre" car il s'agit de créer un webservice .Net qui retourne les données nécessaire au format JSON.

 Cordialement