Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Voorframeframe › EasyUI datagrid-tabellen binden veldkolommen dynamisch
Bekijken: 17243|Antwoord: 5

[EasyUI] EasyUI datagrid-tabellen binden veldkolommen dynamisch

[Link kopiëren]
Geplaatst op 29-10-2015 10:22:42 | | |
Definieer eerst een entiteitsklasse
  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 kopiëren


Vervolgens moet de dynamisch gebonden datalijst in een lus worden toegevoegdDataGridModel plus attributen:


  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 kopiëren


Ten slotte stuurt de voorgrond-ajax een postverzoek en bindt dynamisch de kolommen:

  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 kopiëren






Vorig:JQuery EasyUI DataGrid ververst regelmatig de gegevensinhoud
Volgend:Vertaal alle veldnamen van de DataTable naar het Chinees en geef het terug

Gerelateerde berichten
Geplaatst op 29-10-2015 10:57:55 |
Ben je geslaagd voor het interview?
 Huisbaas| Geplaatst op 29-10-2015 12:53:35 |
Zomer Geplaatst op 29-10-2015 10:57
Ben je geslaagd voor het interview?

Overleden, nu werkend bij het bedrijf   
Geplaatst op 29-10-2015 13:33:58 |
Zomer Geplaatst op 29-10-2015 10:57
Ben je geslaagd voor het interview?

Ik ben ook geslaagd
Geplaatst op 29-10-2015 14:16:36 |
Xiao Zhao plaatste op 29-10-2015 12:53
Overleden, nu werkend bij het bedrijf

Goed
Geplaatst op 29-10-2015 14:16:47 |
Beicheng Weeftemperatuur 22 graden Geplaatst op 29-10-2015 13:33
Ik ben ook geslaagd

Goed
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com