Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Architect_Programmer_Code Сільськогосподарська мережа»Архітектор › Фронтенд-дизайн і веб › Передня рама › Таблиці datagrid EasyUI динамічно зв'язують колонки полів
Вид: 17243|Відповідь: 5

[EasyUI] Таблиці datagrid EasyUI динамічно зв'язують колонки полів

[Копіювати посилання]
Опубліковано 29.10.2015 10:22:42 | | |
Спочатку визначимо клас сутності
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
Копія коду


Потім потрібно додати динамічно зв'язаний список даних у цикліАтрибути DataGridModel плюс:


  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.             });
Копія коду


Нарешті, передній план ajax надсилає запит на пост і динамічно зв'язує стовпці:

  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.             });
Копія коду






Попередній:JQuery EasyUI DataGrid регулярно оновлює контент даних
Наступний:Перекладіть усі назви полів DataTable китайською мовою та поверніть

Пов'язані дописи
Опубліковано 29.10.2015 10:57:55 |
Ви пройшли співбесіду?
 Орендодавець| Опубліковано 29.10.2015 12:53:35 |
Літо Опубліковано 2015-10-29 10:57
Ви пройшли співбесіду?

Помер, зараз працюю в компанії   
Опубліковано 29.10.2015 13:33:58 |
Літо Опубліковано 2015-10-29 10:57
Ви пройшли співбесіду?

Я теж склав
Опубліковано 29.10.2015 14:16:36 |
Сяо Чжао опублікувало 2015-10-29 12:53
Помер, зараз працюю в компанії

Хороший
Опубліковано 29.10.2015 14:16:47 |
Температура ткацтва Бейчен 22 градуси Опубліковано 2015-10-29 13:33
Я теж склав

Хороший
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.
Mail To:help@itsvse.com