Šis straipsnis yra veidrodinis mašininio vertimo straipsnis, spauskite čia norėdami pereiti prie originalaus straipsnio.

Architect_Programmer_Code žemės ūkio tinklas»Architektas › Front-end dizainas ir žiniatinklis › Priekinis rėmas › "EasyUI" duomenų tinklelio lentelės dinamiškai susieja laukų stulpelius
Rodinys: 17243|Atsakyti: 5

[EasyUI] "EasyUI" duomenų tinklelio lentelės dinamiškai susieja laukų stulpelius

[Kopijuoti nuorodą]
Paskelbta 2015-10-29 10:22:42 | | |
Pirmiausia apibrėžkite objekto klasę
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
Kopijuoti kodą


Tada dinamiškai susietą duomenų sąrašą reikia įtraukti į cikląDataGridModel plius atributai:


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


Galiausiai, pirmame plane ajax siunčia įrašo užklausą ir dinamiškai suriša stulpelius:

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






Ankstesnis:"JQuery EasyUI DataGrid" reguliariai atnaujina duomenų turinį
Kitą:Išverskite visus DataTable laukų pavadinimus į kinų kalbą ir grąžinkite

Susijusios žinutės
Paskelbta 2015-10-29 10:57:55 |
Ar išlaikėte pokalbį?
 Savininkas| Paskelbta 2015-10-29 12:53:35 |
Vasara Publikuota 2015-10-29 10:57
Ar išlaikėte pokalbį?

Praėjo dabar dirba įmonėje   
Paskelbta 2015-10-29 13:33:58 |
Vasara Publikuota 2015-10-29 10:57
Ar išlaikėte pokalbį?

Aš taip pat išlaikiau
Paskelbta 2015-10-29 14:16:36 |
Xiao Zhao parašė 2015-10-29 12:53
Praėjo dabar dirba įmonėje

Geras
Paskelbta 2015-10-29 14:16:47 |
Beicheng audimo temperatūra 22 laipsniai Publikuota: 2015-10-29 13:33
Aš taip pat išlaikiau

Geras
Atsakomybės apribojimas:
Visa programinė įranga, programavimo medžiaga ar straipsniai, kuriuos skelbia Code Farmer Network, yra skirti tik mokymosi ir mokslinių tyrimų tikslams; Aukščiau nurodytas turinys negali būti naudojamas komerciniais ar neteisėtais tikslais, priešingu atveju vartotojai prisiima visas pasekmes. Šioje svetainėje pateikiama informacija gaunama iš interneto, o ginčai dėl autorių teisių neturi nieko bendra su šia svetaine. Turite visiškai ištrinti aukščiau pateiktą turinį iš savo kompiuterio per 24 valandas nuo atsisiuntimo. Jei jums patinka programa, palaikykite autentišką programinę įrangą, įsigykite registraciją ir gaukite geresnes autentiškas paslaugas. Jei yra kokių nors pažeidimų, susisiekite su mumis el. paštu.
Mail To:help@itsvse.com