Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Utsikt: 17243|Svar: 5

[EasyUI] EasyUI datagrid-tabeller binder dynamiskt fältkolumner

[Kopiera länk]
Publicerad på 2015-10-29 10:22:42 | | |
Definiera först en entitetsklass
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
Kopiera koden


Därefter måste den dynamiskt bundna datalistan läggas till i en loopDataGridModel plus attribut:


  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.             });
Kopiera koden


Slutligen skickar förgrundsajaxen en postförfrågan och binder dynamiskt kolumnerna:

  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.             });
Kopiera koden






Föregående:JQuery EasyUI DataGrid uppdaterar regelbundet datainnehållet
Nästa:Översätt alla fältnamn i DataTable till kinesiska och returnera
Publicerad på 2015-10-29 10:57:55 |
Klarade du intervjun?
 Hyresvärd| Publicerad på 2015-10-29 12:53:35 |

Har gått bort och jobbar nu på företaget   
Publicerad på 2015-10-29 13:33:58 |

Jag klarade det också
Publicerad på 2015-10-29 14:16:36 |
Xiao Zhao publicerade den 29 oktober 2015 12:53
Har gått bort och jobbar nu på företaget

Bra
Publicerad på 2015-10-29 14:16:47 |
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.

Mail To:help@itsvse.com