Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Widok: 17243|Odpowiedź: 5

[EasyUI] Tabele datagrid EasyUI dynamicznie wiążą kolumny pól

[Skopiuj link]
Opublikowano 29.10.2015 10:22:42 | | |
Najpierw zdefiniuj klasę encji
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
Skopiuj kod


Następnie lista danych o dynamicznym powiązaniu musi być dodawana w pętliAtrybuty DataGridModel plus:


  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.             });
Skopiuj kod


Na koniec ajax na pierwszym planie wysyła żądanie posta i dynamicznie wiąże kolumny:

  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.             });
Skopiuj kod






Poprzedni:JQuery EasyUI DataGrid regularnie odświeża zawartość danych
Następny:Przetłumacz wszystkie nazwy pól DataTable na chiński i wróć
Opublikowano 29.10.2015 10:57:55 |
Zdałeś rozmowę?
 Ziemianin| Opublikowano 29.10.2015 12:53:35 |

Zdałem, teraz pracuję w firmie   
Opublikowano 29.10.2015 13:33:58 |

Ja też zdałem
Opublikowano 29.10.2015 14:16:36 |
Xiao Zhao opublikował 2015-10-29 12:53
Zdałem, teraz pracuję w firmie

Dobrze
Opublikowano 29.10.2015 14:16:47 |
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.

Mail To:help@itsvse.com