Descargar para leer sin conexión
![Grid
webix.ui({
type: “line”
rows: [
{ template: “Row 1”},
{ cols: [ //2nd row
{ template: “Column 1"},
{ template: “Column 2"}
]}
]
});](https://image.slidesharecdn.com/webix-141106023357-conversion-gate01/75/Presentacion-de-Webix-13-2048.jpg)
![Tablas declarativas
webix.ui({
view: "datatable", data: "grid_data", columns: [
{ id: "title" , fillspace: true , header: [
"Film Name", { content: "textFilter" }
]},
{ id: "rating", sort: "int", header: "Rating" }
], select: "row", navigation: true, ready: function() {
this.select(this.getFirstId());
}
})](https://image.slidesharecdn.com/webix-141106023357-conversion-gate01/75/Presentacion-de-Webix-15-2048.jpg)
![Ejemplos reales
[ Carrito de una tienda ]
[ To-Do ]
[ Blog ]](https://image.slidesharecdn.com/webix-141106023357-conversion-gate01/75/Presentacion-de-Webix-16-2048.jpg)
Presentación de Webix
- 1. Daniel Meana LloriánDavid Moreno García
- 2. Empecemos presentándonos Juliode 2013 Framework Javascript y HTML5 GNU GPLv3
- 3. Somos diferentes Desarrollode aplicaciones web Declarativo
- 4. Requerimos Nada enespecial
- 5. Requerimos excepto… InternetExplorer 8+
- 6.
- 7. Nuestros widgets Menúscontextuales Árboles jerárquicos Uploader Colorboard Y algunos más
- 8.
- 9.
- 10. Nuestras herramientas Skinbuilder Form builder Code Snippet Pivot table
- 11.
- 12.
- 13. Grid webix.ui({ type:“line” rows: [ { template: “Row 1”}, { cols: [ //2nd row { template: “Column 1"}, { template: “Column 2"} ]} ] });
- 14.
- 15. Tablas declarativas webix.ui({ view: "datatable", data: "grid_data", columns: [ { id: "title" , fillspace: true , header: [ "Film Name", { content: "textFilter" } ]}, { id: "rating", sort: "int", header: "Rating" } ], select: "row", navigation: true, ready: function() { this.select(this.getFirstId()); } })
- 16. Ejemplos reales [Carrito de una tienda ] [ To-Do ] [ Blog ]
- 17.
- 18. ¿Nos parecemos aBootstrap? Tenemos poco que ver Componentes HTML vs JS Orientación Webs Vistosas vs Aplicaciones Web
- 19. Todo son ventajas Desarrollo rápido Elementos predefinidos Cross-browser “Responsive” Herramientas
- 20. Pero… seremos sinceros Difícil de aprender Documentación difusa y con errores Diseño mejorable No apto para diseño web Caro
- 21.