Representa un control que muestra al usuario datos en forma de tabla.
Crea los objetos necesarios en el navegador.Este metódo es ejecutado automaticamente por el sistema al cargar un formulario realizado por el diseñador.Si está creando mediante código un control para incluir al formulario en tiempo de ejecución es necesario llamar a este metodo.
Retorna el objeto html que contiene el control.
Habilita o habilita este control. En ciertos controles como textinput aplican los colores de fondo y texto correspondientes al estado disabled y el control no muestra su contenido al usuario.
index | Posición del item en la grilla con base 0. |
Devuelve el item ubicado en una determinada posición de la grilla.
Devuelve la posición del item seleccionado o -1 si no lo hay.
index | Posición del item en la grilla con base 0. |
Selecciona el item ubicado en la posición indicada o borra el item seleccionado si la posición no es válida.
Devuelve un array con la colección de items que contiene la grilla.
item | Referencia del objeto a actualizar. |
Refresca la información mostrada por la grilla del item indicado
item | Nuevo item o array de items a agregar a la grilla. | |
Agrega un item a la grilla
grid1.addItem([ {id:'AR',name:'Argentina',code:'54'}, {id:'AR',name:'Argentina',code:'598'}, ]);
Elimina todos los items de la grilla.
index | Posicion del item a eliminar con base 0. |
Elimina el item indicado por el indíce.
Elimina de la grilla el item proporcionado
var citem = grid1.getItem(); if(citem) grid1.rmvItem(citem);
item | Selecciona el item indicado. | |
var argentina = {id:'AR',name:'Argentina',code:'54'}; var uruguay = {id:'AR',name:'Uruguay',code:'598'}; grid1.addItem([argentina,uruguay]); grid.setItem(0); // Selecciona Argentina grid.setItem('UY'); // Selecciona uruguay grid.setItem(argentina);
Devuelve el item seleccionado en la grilla.
item | Item que ha sido seleccionado. |
Indica un cambio en la fila seleccionada de la grilla por parte del usuario.
grid1.onChange(function(item){ txName.setText(item.name); // Seteamos el contenido de la caja de texto con // un miembro del item seleccionado. });
newitem | Nuevo item a ser seleccionado. |
olditem | Item actual seleccionado en la grilla. |
Evento disparado antes de que se seleccione un nuevo item en la grilla.Retornando false en este evento impide que la grilla cambie efectivamente de fila.
item | Item correspondiente a la fila. |
Cuando el usuario hace doble click sobre una fila de la grilla se dispara este evento.
Ancho en pixels del borde del control
Color de borde del control. El color es expresado en formato web #RRGGBB RR(rojo) GG(verde) BB(azul) ej. #FF0000 para el color rojo o en un nombre de color valido ej , green,red,yellow.
Nombre del origen de datos desde donde el control obtiene los datos a mostrar
Indica si la grilla muestra la barra de cabezales de columnas. Default = true