post icon

Como habilitar el soporte de teclas rápidas en la Grilla de DevExpress

La grilla de DevExpress tiene soporte nativo para habilitar funciones con teclas, pero son muy básicas estas funciones, normalmente moverse entre filas, páginas o detalles de filas con las flechas.

Lo interesante es lograr que pueda insertarse, editar y eliminar registros con las teclas, incluso facilita el uso de pistolas lectoras de códigos de barras estas funciones.

<script type="text/javascript">
        function OnInit(s, e) {
            ASPxClientUtils.AttachEventToElement(
        s.GetMainElement(),
        "keydown",
        function (evt) {
            switch (evt.keyCode) {
                //F2            
                case 113:
                    var key = s.GetFocusedRowIndex();
                    s.StartEditRow(key);
                    ASPxClientUtils.PreventEvent(evt);
                    break;

                    //Delete        
                case 46:
                    var key = s.GetFocusedRowIndex();
                    ASPxClientUtils.PreventEvent(evt);
                    if (window.confirm("¿Desea eliminar el registro?")) {
                        s.DeleteRow(key);
                    }
                    break;

                    //F7       
                case 118:
                    var key = s.GetFocusedRowIndex();
                    ASPxClientUtils.PreventEvent(evt);
                    s.AddNewRow(key);
                    break;

                    //ENTER           
                case 13:
                    if (s.IsEditing()) {
                        s.UpdateEdit();
                        ASPxClientUtils.PreventEvent(evt);
                        s.Focus();
                    }
                    break;

                    //ESC            
                case 27:
                    if (s.IsEditing()) {
                        s.CancelEdit();
                        ASPxClientUtils.PreventEvent(evt);
                        s.Focus();
                    }
                    break;
            }
        }
    );
        }
    </script>

En la grilla agregamos estas propiedades

[aspx]
AccessKey=”E” KeyboardSupport=”True”
….


…..





[/aspx]

Comentarios desde Facebook:

Sin Comentarios aun, puedes tú ser el primero en comentar!

Deja tu Comentario

Responder