Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Vue: 17243|Répondre: 5

[EasyUI] Les tables de datagrid EasyUI lient dynamiquement les colonnes de champs

[Copié le lien]
Publié sur 29/10/2015 10:22:42 | | |
D’abord, définissons une classe d’entité
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
Code de copie


Ensuite, la liste de données dynamiquement liée doit être ajoutée dans une boucleDataGridModel plus attributs :


  1. var dgList = new List<DataGridModel>();
  2.             list.ForEach(x =>
  3.             {
  4.                 dgList.Add(new DataGridModel
  5.                 {
  6.                     field = x.name,
  7.                     title = x.bewrite,
  8.                     width = 100
  9.                 });
  10.             });
Code de copie


Enfin, l’ajax au premier plan envoie une requête de publication et lie dynamiquement les colonnes :

  1. var Extcredits = $("#Extcredits").val();
  2.             var id = $("#id").val();
  3.             $.post("/Home/JsonDictionarys", "id=" + Extcredits, function (data) {
  4.                 var arr = [];
  5.                 arr.push(data.Data);
  6.                 $('#dg').datagrid({
  7.                     url: '/BoardRoom/GetJoinBoardRoomUser/',
  8.                     type: "post",
  9.                     rownumbers: true,
  10.                     pagination:true,
  11.                     queryParams: {
  12.                         id: id
  13.                     },
  14.                     fitColumns: true,
  15.                     singleSelect: true,
  16.                     columns: arr
  17.                 });
  18.             });
Code de copie






Précédent:JQuery EasyUI DataGrid actualise régulièrement le contenu des données
Prochain:Traduisez tous les noms de champs de la DataTable en chinois et retournez
Publié sur 29/10/2015 10:57:55 |
As-tu réussi l’entretien ?
 Propriétaire| Publié sur 29/10/2015 12:53:35 |
Été Publié le 29-10-2015 à 10:57
As-tu réussi l’entretien ?

Je suis passé et je travaille maintenant dans l’entreprise   
Publié sur 29/10/2015 13:33:58 |
Été Publié le 29-10-2015 à 10:57
As-tu réussi l’entretien ?

J’ai aussi réussi
Publié sur 29/10/2015 14:16:36 |
Xiao Zhao a posté le 29-10-2015 à 12:53
Je suis passé et je travaille maintenant dans l’entreprise

Bien
Publié sur 29/10/2015 14:16:47 |
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.

Mail To:help@itsvse.com