Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Melihat: 17243|Jawab: 5

[UI Mudah] Tabel datagrid EasyUI secara dinamis mengikat kolom bidang

[Salin tautan]
Diposting pada 29/10/2015 10.22.42 | | |
Pertama, tentukan kelas entitas
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
Salin kode


Kemudian, daftar data yang terikat secara dinamis perlu ditambahkan dalam perulanganDataGridModel plus atribut:


  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.             });
Salin kode


Akhirnya, ajax latar depan mengirimkan permintaan posting dan secara dinamis mengikat kolom:

  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.             });
Salin kode






Mantan:JQuery EasyUI DataGrid menyegarkan konten data secara teratur
Depan:Terjemahkan semua nama bidang DataTable ke dalam bahasa Cina dan kembalikan
Diposting pada 29/10/2015 10.57.55 |
Apakah Anda lulus wawancara?
 Tuan tanah| Diposting pada 29/10/2015 12.53.35 |

Lulus sekarang bekerja di perusahaan   
Diposting pada 29/10/2015 13.33.58 |

Saya juga lulus
Diposting pada 29/10/2015 14.16.36 |
Xiao Zhao Memposting pada 2015-10-29 12:53
Lulus sekarang bekerja di perusahaan

Bagus
Diposting pada 29/10/2015 14.16.47 |
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.

Mail To:help@itsvse.com