Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Görünüm: 17243|Yanıt: 5

[EasyUI] EasyUI datagrid tabloları alan sütunlarını dinamik bağlar

[Bağlantıyı kopyala]
Yayınlandı 29.10.2015 10:22:42 | | |
Öncelikle, bir varlık sınıfı tanımlayın
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
Kopya kodu


Daha sonra, dinamik olarak bağlanmış veri listesi bir döngü içinde eklenmelidirDataGridModel ve öznitelikler:


  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.             });
Kopya kodu


Son olarak, ön plandaki ajax bir gönderi talebi gönderir ve sütunları dinamik olarak bağlar:

  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.             });
Kopya kodu






Önceki:JQuery EasyUI DataGrid veri içeriğini düzenli olarak yeniler
Önümüzdeki:DataTable'ın tüm alan adlarını Çince'ye çevirin ve geri dön
Yayınlandı 29.10.2015 10:57:55 |
Mülakatı geçtin mi?
 Ev sahibi| Yayınlandı 29.10.2015 12:53:35 |

Şimdi şirkette çalışıyor olarak geçtim   
Yayınlandı 29.10.2015 13:33:58 |

Ben de geçtim
Yayınlandı 29.10.2015 14:16:36 |
Xiao Zhao 2015-10-29 tarihinde 12:53 tarihinde paylaşıldı
Şimdi şirkette çalışıyor olarak geçtim

İyi.
Yayınlandı 29.10.2015 14:16:47 |
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.

Mail To:help@itsvse.com