Renvoi de données depuis ASP.net vers une grille ExtJS

Question

On m'a donné un prototype / maquette d'une grille écrite en HTML et en javascript (via ExtJS) que je dois maintenant implémenter dans une application Web ASP.net. Quelqu'un a-t-il des indications sur la manière de transmettre des données à la grille (à un GroupingStore, en particulier).

Je préférerais ne pas avoir une prolifération de services Web ou de pages d'assistance renvoyant XML / JSON, donc s'il existe un moyen d'utiliser des rappels de client ou des méthodes de page (vous ne pouvez pas dire que je ne suis pas très familier avec l'un ou l'autre - le mot à la mode bingo !) ou quelque chose comme ça, ce serait préféré.

N'indiquez pas, s'il vous plait, que j'utilise jQuery, la grille ASP.net intégrée ou tout autre framework d'interface utilisateur. L’utilisation du réseau ExtJS a été prescrite par les pouvoirs publics, c’est le réseau que j’utilise, pour le meilleur ou pour le pire:)

Answer 1

Voici une solution low tech. Il ne nécessite pas l'utilisation de services Web ou de toute autre technologie supplémentaire.

Étape 1

Avoir une page ASPX qui prend un paramètre, et invoqué comme ceci:

http://mysite.com/query.aspx?sql=select * from orders where status = 'open'

Étape 2

Dans le code derrière, faites quelque chose comme ça

void Page_Load(object sender, EventArgs e)
{
   Response.ContentType="text/json"; 
   DataTable contents = ExecuteDataTable(Request["sql"]);
   Response.Write( JRockSerialize( contents ) );
   Response.End();
}

Vous pouvez utiliser JRock pour la sérialisation d'une table de données au format JSON. IMHO cela donne le JSON le plus propre.

Il faut donc que DataTable soit trié dans JSON ...

ATTENTION: Ceci est évidemment un exemple simpliste. Vous ne devez pas transmettre de code SQL sur la chaîne de requête car elle n’est pas sécurisée (vous pouvez utiliser des requêtes et des paramètres nommés à la place).

Étape 3

Dans votre code ExtJS, créez une grille avec le magasin de données Json comme indiqué dans ce Exemple de poste . Définissez le magasin de données url: sur celui de votre page query.aspx avec les paramètres de chaîne de requête appropriés.

Vous devrez également définir les colonnes pour la grille, comme le montre l'exemple ExtJs.

Sinon ...

J'ai récemment été très impressionné par les exemples Coolite . Ils sont un partenaire ExtJS et fournissent un bon ASP.NET & amp; Expérience ExtJS. Et non, je ne travaille pas pour eux :) Je n’ai pas essayé leur grille, mais elle pourrait être indolore (à un prix).

Answer 2

Je pense qu'un service qui renvoie simplement des structures json pour vos pages est la meilleure option. Il est bien résumé et réutilisable dans l'application plutôt que par les méthodes de page.