1. Home
  2. jQuery EasyUI Grids de datos - cambiar dinámicamente la columna

El mejor tutorial de jQuery EasyUI Grids de datos - cambiar dinámicamente la columna en 2024. En este tutorial podrás aprender Descargar ejemplos de jQuery EasyUI,

jQuery EasyUI Grids de datos - cambiar dinámicamente la columna

Rejilla columna de datos (DataGrid) puede utilizar la propiedad 'columnas' simplemente definido. Si desea cambiar dinámicamente la columna, que no hay ningún problema. Para cambiar la columna, puede recuperar método de cuadrícula de datos, que pasa a una nueva columnas de atributos.

Creación de una cuadrícula de datos (DataGrid) 

	<Tabla id = "tt" title = class = estilo "easyui-cuadrícula de datos" "Columnas congeladas" = "width: 550px; altura: 250px"
			url = "data / datagrid_data.json"
			singleSelect = "true" iconCls = "icono de guardado">
	</ Table>

	$ ( '# Tt'). Datagrid ({
		columnas: [[
			El campo {: 'ITEMID', título: "Identificación de artículo, anchura: 80},
			El campo {: 'ProductId', título: "Identificación de Producto ', ancho: 80},
			El campo {: 'attr1', título: "Atributo, anchura: 200},
			El campo {: 'status', título: "Estado", ancho: 80}
		]]
	});

Ejecutar la página, verá:

Pero a veces uno quiere cambiar la columna, por lo que necesita para escribir algo de código: 

	$ ( '# Tt'). Datagrid ({
		columnas: [[
			El campo {: 'ITEMID', título: "Identificación de artículo, anchura: 80},
			El campo {: 'ProductId', título: "Identificación de Producto ', ancho: 80},
			El campo {: 'Precio de la lista', título: 'Precio', ancho: 80, alinee: "derecho"},
			El campo {: 'unitcost', título: "Costo unitario, anchura: 80, alinee:" derecho "},
			El campo {: 'attr1', título: "Atributo, anchura: 100},
			El campo {: 'status', título: "Estado", ancho: 60}
		]]
	});

Recuerde, nosotros hemos definido otros atributos, tales como: url, anchura, altura y así sucesivamente. Una vez más, no es necesario definirlos, definimos que necesitamos cambiar.

Descargar ejemplos de jQuery EasyUI

jeasyui-datagrid-datagrid6.zip

Hot Tutorials

Contact US

jQuery EasyUI Grids de datos - cambiar dinámicamente la columna
10/30