Kendo UI - Grid con autocompletado personalizado - kendo-ui

Estoy pensando en usar la cuadrícula de Kendo UI.

Sin embargo, estoy un poco inseguro acerca de su flexibilidad.y personalización. Lo que realmente necesito es la edición en línea, pero al mismo tiempo quiero un control completo sobre esto. Por ejemplo, hemos desarrollado un autocompletado personalizado (usando jquery y javascript). Y me gustaría usar este autocompletado personalizado en la Cuadrícula de la interfaz de usuario de Kendo. No sé si alguien ya ha utilizado este enfoque, ya que no puedo encontrar este nivel de personalización en la interfaz de usuario de Kendo.

Gracias.

José.

Respuestas

Es posible especificar editores personalizados para cada campo individual al implementar una cuadrícula de kendo con edición en línea. Se puede hacer, por ejemplo, utilizando este tipo de configuración:

                columns: [
{ field:"ProductName",title:"Product Name" },
{ field: "Category", width: "150px", editor: categoryDropDownEditor },
{ field: "UnitPrice", title:"Unit Price", format: "{0:c}", width: "150px" },
{ command: "destroy", title: " ", width: "110px" }],
editable: true

donde el código para categoryDropDownEditor se ve así:

function categoryDropDownEditor(container, options) {
$("<input data-text-field="CategoryName" data-value-field="CategoryName" data-bind="value:" + options.field + ""/>")
.appendTo(container)
.kendoDropDownList({
autoBind: false,
dataSource: {
type: "odata",
transport: {
read: "http://demos.kendoui.com/service/Northwind.svc/Categories"
}
}
});
}

Lo que pasa aquí es que elLa función categoryDropDownEditor crea el marcado real para el editor, para ese campo específico. En su caso, lo único que queda por hacer sería implementar un widget de Autocompletar en lugar de una lista desplegable. Este ejemplo es tomado de la interfaz de usuario de Kendo. página de demostración

Espero que responda a tu pregunta!