Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Vista: 17243|Respuesta: 5

[EasyUI] Las tablas de datagrid de EasyUI enlazan dinámicamente columnas de campo

[Copiar enlace]
Publicado en 29/10/2015 10:22:42 | | |
Primero, definamos una clase de entidad
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
Copiar código


Luego, la lista de datos encadenada dinámicamente debe añadirse en un bucleAtributos de DataGridModel plus:


  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.             });
Copiar código


Finalmente, el ajax en primer plano envía una solicitud de publicación y vincula dinámicamente las columnas:

  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.             });
Copiar código






Anterior:JQuery EasyUI DataGrid actualiza regularmente el contenido de datos
Próximo:Traduce todos los nombres de campos de la DataTable al chino y regresa
Publicado en 29/10/2015 10:57:55 |
¿Aprobaste la entrevista?
 Propietario| Publicado en 29/10/2015 12:53:35 |

Ahora he fallecido trabajando en la empresa   
Publicado en 29/10/2015 13:33:58 |

También aprobé
Publicado en 29/10/2015 14:16:36 |
Xiao Zhao publicó el 29-10-2015 a las 12:53
Ahora he fallecido trabajando en la empresa

Bien
Publicado en 29/10/2015 14:16:47 |
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.

Mail To:help@itsvse.com