Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Front-end design és web › Front-end keret › EasyUI datagrid táblázatok dinamikusan bind field columns
Nézet: 17243|Válasz: 5

[EasyUI] EasyUI datagrid táblázatok dinamikusan bind field columns

[Linket másol]
Közzétéve 2015. 10. 29. 10:22:42 | | |
Először definiáljunk egy entitásosztályt
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
Kód másolása


Ezután a dinamikusan kötött adatlistát egy hurokban kell hozzáadniDataGridModel plus attribútumok:


  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.             });
Kód másolása


Végül az előtér ajax küld egy bejegyzéskérést, és dinamikusan köti meg az oszlopokat:

  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.             });
Kód másolása






Előző:JQuery EasyUI DataGrid rendszeresen frissíti az adattartalmat
Következő:Fordítsd le a DataTable összes mezőnevét kínaira, és térj vissza

Kapcsolódó bejegyzések
Közzétéve 2015. 10. 29. 10:57:55 |
Átmentél az interjún?
 Háziúr| Közzétéve 2015. 10. 29. 12:53:35 |
Nyár Közzétéve: 2015-10-29 10:57
Átmentél az interjún?

Most a cégnél dolgozom   
Közzétéve 2015. 10. 29. 13:33:58 |
Nyár Közzétéve: 2015-10-29 10:57
Átmentél az interjún?

Én is átmentem
Közzétéve 2015. 10. 29. 14:16:36 |
Xiao Zhao posztolva 2015-10-29-kor 12:53
Most a cégnél dolgozom

Jó
Közzétéve 2015. 10. 29. 14:16:47 |
Beicheng szövés hőmérséklete 22 fok Közzétéve: 2015-10-29 13:33
Én is átmentem

Jó
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com