Langage C#
  1. Langage C#
  3. Envoyer le modèle à Jquery
Intereting Posts
déclencher par programme BSOD Erreur de certificate lors de la configuration de HttpClientFactory Ssortingng compare C # – correspondance de mot entier OleDb Update SQL avec la valeur du paramètre ne pas mettre à jour l’enregistrement dans Access Comment faire une jointure externe gauche avec Dynamic Linq? DBContext lent lors de la construction initiale Libérer explicitement la mémoire en c # Casting en C # et F # – en particulier le mot clé ‘as’ Message d’erreur d’parsing: Impossible de créer le type ‘xxx’ Comment append un EndPointBehavior personnalisé au web.config du service? Comment signer une DLL ActiveX avec un certificate Quels sont les mots clés “natifs” et “littéraux” Comment implémenter glob en C # Bibliothèque de dessins UML gratuite pour .NET Obtention de l’emplacement du fichier tnsnames.ora par code

Envoyer le modèle à Jquery

Je voudrais créer un arbre dans ma vue MVC en utilisant le plugin Fuelux jQuery. Pour utiliser ce plugin, je dois envoyer des données au plugin avec le code suivant:

$ (‘#MyTree’). Tree ({dataSource: dataSource})

Je ne sais pas comment envoyer mon object de modèle en vue en tant que paramètre pour le plug-in. Quelles données de structure doivent avoir?

Vous devez convertir votre modèle en Json et utiliser l’object converti en tant que source de données:

Vous devez maintenant renseigner ViewBag.JsonModel dans l’action: 

 public ViewResult YourActionName() { // your logic on getting model ViewBag.JsonModel = //convert model to json using jsonserializer }

Voici un exemple de plugin d’arbre: 

  // INITIALIZING TREE var treeDataSource = new TreeDataSource({ data: [ { name: 'Test Folder 1', type: 'folder', additionalParameters: { id: 'F1' } }, { name: 'Test Folder 2', type: 'folder', additionalParameters: { id: 'F2' } }, { name: 'Test Item 1', type: 'item', additionalParameters: { id: 'I1' } }, { name: 'Test Item 2', type: 'item', additionalParameters: { id: 'I2' } } ], delay: 400 }); $('#MyTree').tree({dataSource: treeDataSource});