Cómo contar el número de filas en la cuadrícula de datos con Flex

DataGrids muestran datos en formato de tabla. 

NÚMERO DATAGRID

Adobe Flex integra el desarrollo de aplicaciones basadas en datos y diseño gráfico. Flex incorpora una variedad de componentes integrados para la visualización de datos. La cuadrícula de datos es uno de esos componentes. Es una manera sencilla de los datos pre-sentencia en forma de cuadrícula. Los datos que aparecen dentro de la cuadrícula puede proviene de una base de datos del servidor, una matriz dentro del programa Flex o mediante el uso de propiedades enlazables. Proporcionar un recuento de cada fila dentro de la cuadrícula de datos se lleva a cabo mediante el uso de una propiedad enlazable.

Lo que necesita

Flex Builder 4.5 Sugerir Edita Construir el DataGrid

Abra Adobe Flex y ver el código para el archivo de aplicación flex primaria. Hay dos tipos de DataGrids en Flex: el MX DataGrid y el Spark DataGrid. El Spark DataGrid que funciona mejor para este proyecto. Agregue el código para un nuevo Spark DataGrid:

s: DataGrid id = dG dataProvider = {red} width = 100% de la altura = 100% s: s: columnas ArrayList s: GridColumn dataField = nombre / s: GridColumn dataField = lastName / s: GridColumn dataField = Teléfono / s: GridColumn dataField = Dirección / / s: ArrayList / s: columnas / s: DataGrid

El código anterior crea una cuadrícula de datos con un ID de dG que utiliza un dataProvider con el nombre de la red {}. Cada indica GridColumn los datos que aparecerán en las columnas de DataGrid.

Construir el dataProvider. DataProviders se pueden definir utilizando ActionScript. El código siguiente creará la red dataProvider:

fx: Guión mx.collections.IList importación;

[Enlazables] public var gridData: IList = new ArrayList ([{Nombre: John, Apellido: Doe, teléfono: 555-555-555, Dirección: 500 Calle en cualquier lugar}, / / ​​... más objetos]); / fx: guión

El código anterior crea una matriz de datos. La Dirección General de DataGrid está enlazado a esta matriz y mostrará los datos de acuerdo con los nombres de las columnas de datos.

Ejecutar la aplicación en la ventana del navegador para comprobar que la cuadrícula de datos está funcionando correctamente.

Añadir un Número de columnas Fila

Crear una nueva columna de número de filas en la Dirección General de DataGrid. El siguiente código debe colocarse entre el s: apertura y cierre ArrarList etiquetas:

s: GridColumn s: itemRenderer fx: Componente s: GridItemRenderer s: text Label = {rowIndex} / / s: GridItemRenderer / fx: Componente / s: itemRenderer / s: GridColumn

En el código anterior, {} rowIndex es una propiedad enlazable. Se colocará una fila número en la columna de DataGrid que acabamos de crear.

Verifique que el código ha sido correctamente colocado:

s: DataGrid id = dG dataProvider = {red} width = 100% de la altura = 100% s: s: columnas ArrayList s: s: GridColumn itemRenderer fx: Componente s: s: GridItemRenderer texto Label = {rowIndex} / / s: GridItemRenderer / fx: Componente / s: itemRenderer / s: GridColumn s: GridColumn dataField = nombre / s: GridColumn dataField = lastName / s: GridColumn dataField = Teléfono / s: GridColumn dataField = Dirección / / s: ArrayList / s: columnas / s : DataGrid

El código anterior se creará un contacto DataGrid enlazado a la red dataProvider con una columna de datos que muestra un recuento de filas.

Ejecute el programa y verifique que la nueva columna de recuento de filas aparece en la cuadrícula de datos. Si se desplaza hasta la última fila, tendrá el número total de filas DataGrid.