javascript - editable - kendo grid mvc

Kendo Grid ¿Hay un evento para cuando una fila cambia(no seleccionada)?

Question

Esperaba detectar cuándo cambia la fila de una grilla de Kendo, por navegación en lugar de seleccionar .

Con esto quiero decir que tendría una grilla con seleccionable: falso, en el modo de edición por lotes, y me gustaría actualizar la fuente de datos (en código) cuando el usuario pestañas en una nueva fila (tal como lo hace Access).

He visto este ejemplo y he cambiado las siguientes propiedades.

selectable: false,
navigatable: true,
editable: true,

Lamentablemente, el evento modificado no parece disparar cuando se trata de pestañas o teclas de flecha (cuando está en modo de navegación).

¿Alguien sabría de otra manera que yo pueda hacer como se describe arriba (es decir, saber cuándo hemos cambiado la fila a través de la navegación)?

¡Gracias de antemano por cualquier ayuda!

Answer 1

Puede usar el evento de edición para determinar si está en una nueva fila.

Aquí tienes :

selectable: false,
navigatable: true,
editable: true,
edit: function(e) {
if (e.sender.cellIndex($(e.container)) === 0 &&
$(e.container).closest("tr").index() !== 0) {
console.log("next row; update DS");
}
},

También podría almacenar la última fila en la que se encontraba y determinar el cambio utilizando eso, si es relevante cambiar entre filas de otras maneras que no sea tabular (o al tabular hacia atrás).

Si no desea que la cuadrícula sea editable, es más difícil. Aquí hay un truco rápido:

 var grid = $("#grid").data("kendoGrid");
var elem = $(grid.table)[0];
var handlers = $._data(elem, "events")["keydown"][2];
var oldHandler = handlers.handler;
// replace the existing event handler attached by kendo grid
var newHandler = function (e) {
oldHandler(e);
var current = grid.current();
var closestRow = $(current).closest("tr");
var rowIndex = $(closestRow).index();
if (rowIndex !== grid._lastNavRowIndex) {
if (typeof grid._lastNavRowIndex !== "undefined") {
kendoConsole.log("we just changed to row " + rowIndex);
}
grid._lastNavRowIndex = rowIndex;
}
};
handlers.handler = newHandler;
});

Pruébalo aquí .

Answer 2

Esto es probablemente lo que estás buscando. Cuando desee eventos relacionados con los datos, debe buscar los eventos de DataSource. Cuando desee eventos relacionados con la interfaz de usuario, entonces verá los eventos de Grid.