Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

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 |
Лето Опубликовано 29.10.2015 10:57
Вы прошли собеседование?

Умер, сейчас работаю в компании   
Опубликовано 29.10.2015 13:33:58 |
Лето Опубликовано 29.10.2015 10:57
Вы прошли собеседование?

Я тоже сдал
Опубликовано 29.10.2015 14:16:36 |
Сяо Чжао опубликовано 29.10.2015 12:53
Умер, сейчас работаю в компании

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

Хорошо
Отказ:
Всё программное обеспечение, программные материалы или статьи, публикуемые Code Farmer Network, предназначены исключительно для учебных и исследовательских целей; Вышеуказанный контент не должен использоваться в коммерческих или незаконных целях, иначе пользователи несут все последствия. Информация на этом сайте взята из Интернета, и споры по авторским правам не имеют отношения к этому сайту. Вы должны полностью удалить вышеуказанный контент с компьютера в течение 24 часов после загрузки. Если вам нравится программа, пожалуйста, поддержите подлинное программное обеспечение, купите регистрацию и получите лучшие подлинные услуги. Если есть нарушение, пожалуйста, свяжитесь с нами по электронной почте.
Mail To:help@itsvse.com