Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Vista: 17243|Risposta: 5

[EasyUI] Le tabelle datagrid di EasyUI associano dinamicamente le colonne dei campi

[Copiato link]
Pubblicato su 29/10/2015 10:22:42 | | |
Per prima cosa, definiamo una classe di 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.     }
Copia codice


Successivamente, la lista dati dinamicamente vincolata deve essere aggiunta in un cicloDataGridModel plus attributi:


  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.             });
Copia codice


Infine, l'ajax in primo piano invia una richiesta post e lega dinamicamente le colonne:

  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.             });
Copia codice






Precedente:JQuery EasyUI DataGrid aggiorna regolarmente i contenuti dei dati
Prossimo:Traduci tutti i nomi dei campi della DataTable in cinese e ritorna
Pubblicato su 29/10/2015 10:57:55 |
Hai superato il colloquio?
 Padrone di casa| Pubblicato su 29/10/2015 12:53:35 |

Sono passato e ora lavoro in azienda   
Pubblicato su 29/10/2015 13:33:58 |

Anch'io ho superato
Pubblicato su 29/10/2015 14:16:36 |
Xiao Zhao ha pubblicato il 29-10-2015 alle 12:53
Sono passato e ora lavoro in azienda

Buono
Pubblicato su 29/10/2015 14:16:47 |
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.

Mail To:help@itsvse.com