Visitas: 0
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. 🙂
para que proyecto es esto?, saludos
es un proyecto de mi trabajo. Usamos sencha extjs 🙂
ahhh, y para que sirve extjs?
es un framework en javascript para hacer aplicaciones tipo empresarial. Realmente es muy bueno. Tiene para hacer de todo. 🙂
a que interesante, que licencia tiene?, donde lo puedo obtener? (asumiendo que fuera gratis), saludos.
tiene dos productos. Una es GPL, pero tu proyecto debería de ser lo mismo. O sino si no es GPL tu proyecto deberías de pagar la licencia. Podemos obtener del sitio oficial http://www.sencha.com/products/extjs ambos productos.
ok, muchas gracias
se ve muy interesante, luego lo pruebo 😉