Tiro monedas al aire, pero hasta ahora nunca las pude agarrar.

Dar foco a un HtmlEditor en Sencha Ext JS 4.2.1
Dar foco a un HtmlEditor en Sencha Ext JS 4.2.1

Estaba programando algunas cosas con Sencha Ext JS 4.2.1, y una de ellas era integrar un editor HTML a un panel. La idea era que al entrar al panel que contiene el editor HTML (HtmlEditor en Sencha Ext JS), me de foco. Busque mucho y no encontraba la solucion, hasta que @p431i7o me ayudo. 🙂
Quería compartir como hacer que cuando se entre a un panel de foco al textarea donde se escribe en el editor Html.
Doy un ejemplo de una vista que es un editor html.

OBS:

  • Lo importante es el evento initialize, donde se indica que de foco al textarea.
  • La imagen es sólo una muestra, pero no esta toda las clases que componen lo que representa la imagen.
  • El código que muestro abajo sólo destaco lo del foco.

/**
* Vista de ejemplo donde se encuentra el editor html.
* @autor josego
*/
Ext.define('AppPrueba.view.EditorHtml', {
   extend: 'Ext.form.field.HtmlEditor',
   alias : 'widget.EditorHtml',
   initComponent : function() {
     var me = this;


     Ext.applyIf(me, {
        action: 'editor_html',
        ctCls: 'html-no-border',
        listeners: {
           initialize: function(p_editor) {
              // El cursor se posiciona a elemento textarea del html editor.
              p_editor.win.focus();
           }
        }
     });
     me.callParent(arguments);
  }
});

Espero que les sirva. 🙂


Comments

Responder a Manuel Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *