20 de septiembre de 2008

Yahoo User Interface

Yahoo User Interface(YUI), una serie de librerías escritas en JavaScript, para la construcción de aplicaciones interactivas (RIA). Liberadas bajo licencia BSD por parte de la compañía Yahoo. Dichas librerías son utilizadas para el desarrollo web específicamente para ser usadas como la programación de aplicaciones de escritorio, con componentes vistosos y personalizables y con una amplia implementación con AJAX. A continuación se muestra un ejemplo de declaración con el uso del componente DataTable:


//Declaración del conector al DataTable
var myDataSource = new YAHOO.util.DataSource(myHugeDataSet);
//Tipo de respuesta del DataSource
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
//Definiendo la estructura del DataSource
myDataSource.responseSchema = { fields : [ "id","nombre","edad" ] };
//Definición de cada columna del DataTable que debe ser igual a la del DataSource
var myColumnDefs = [ {key:"id"}, {key:"nombre"}, {key:"edad"} ];
//Cantidad de Registros en la variable de configuración del DataTable
var myTableConfig = { renderLoopSize : 20 };
/*
Creación del DataTable pasandole como parametros el nombre, la definición de las
columnas, el datasource o recurzo de donde se optienen los datos, y por último
la configuración general del DataTable
*/
var myDataTable = new YAHOO.widget.DataTable('tbl', myColumnDefs, myDataSource, myTableConfig);

Entre sus características tenemos:

* Capacidad de generar código ordenado para el programador
* Posibilidad de reutilizar controladores
* Manejo de AJAX
* Personalización de los componentes
* Soporte por parte de Yahoo Developers

Entre sus componentes/controles se encuentran:

* DataTable: Para mostrar datos de forma tabular.
* TreeView: Una especie de menú desplegable.
* Calendar: Control para seleccionar la fecha.
* Slider: Para seleccionar un valor numérico.

No hay comentarios.: