2012-02-16 12 views
9

No pude encontrar ninguna documentación oficial sobre la ampliación de los widgets UI de Kendo o la fabricación de controles compuestos en el sitio web de la interfaz de usuario de Kendo. ¿Hay algún ejemplo de cómo hacer esto?Cómo ampliar los widgets UI de Kendo

Respuesta

10

Estoy a punto de escribir una publicación al respecto, pero puede consultar el siguiente proyecto en GitHub para crear complementos. Actualmente hay un control compuesto para este ...

https://github.com/kendo-labs/kendo-plugins

Aquí está un ejemplo de un violín en vivo componer un Autocompletar y un ListView ...

http://jsfiddle.net/burkeholland/G2f4a/embedded/result/

// thanks for making put a useless comment here stackoverflow 
+0

Y ahora estamos hablando ... :-) La única razón por la que no comencé a usar kendoui fue porque no pude encontrar cómo extenderme. Buen trabajo. Gracias Holland. –

+1

¿Podría actualizar el enlace, parece roto? – OnaBai

+1

No se puede editar la publicación porque quiere el código con el enlace de violín. El enlace actualizado a kendo-plugins: https://github.com/kendo-labs/kendo-plugins –

7

Hay documentación oficial ahora: How to Create a Custom Widget

Aquí hay un enlace a semi- oficial community plugins.

Aquí hay algunos examples de widgets creados por John DeVight.

An SO post showing a simple example que amplía la vista de la lista de dispositivos móviles.

+0

Esta debería ser la respuesta aceptada hoy. Sin embargo, el enlace de arriba no cubre la creación de un widget personalizado cuando Kendo se usa con AngularJS, lo cual, con certeza, no es lo que pidió el OP, pero aún sería muy útil saber :) – AsGoodAsItGets

1

Gracias! Con esta ayuda puedo hacerlo:

kendo.data.DataSource.prototype.dataFiltered = function() { 
    // Gets the filter from the dataSource 
    var filters = this.filter(); 

    // Gets the full set of data from the data source 
    var allData = this.data(); 

    // Applies the filter to the data 
    var query = new kendo.data.Query(allData); 

    // Returns the filtered data 
    return query.filter(filters).data; 
} 
Cuestiones relacionadas