mostrar el contenido de un textarea en un globo al pasar el mouse encima de este
Tal como la pregunta lo dice, hay alguna manera de mostrar un globo que contenga la información de un textarea...??? seria algo similar a cuando hay algún error, muestra el mensaje de error al posicionar el mouse encima de este, pero en este caso, que solo se muestre el contenido del contenedor...
El código que estoy tratando es:
El código que estoy tratando es:
{
xtype: 'textarea',
fieldLabel: 'Comentarios',
name: 'Comentarios',
msgTarget: 'side',
labelStyle: 'font-weight:bold;',
style: {textTransform: "uppercase"}
}como se puede ver no se si estoy en lo correcto al usar el msgtarget, agradecere mucho su apoyo con el mismo.
Alvaro Gonzalo
15/05/2014
Hola Alvaro.
Puedes utilizar la clase Ext.tip.ToolTip para crear el globito, necesitas pasarle el target donde quieres que aparezca y cambiar el contenido cuando haga mouseenter a target.
Suerte
Puedes utilizar la clase Ext.tip.ToolTip para crear el globito, necesitas pasarle el target donde quieres que aparezca y cambiar el contenido cuando haga mouseenter a target.
Suerte
Crysfel Villa
16/05/2014
Alvaro Gonzalo: crysfel....deje un post nuevo....
16/05/2014
Lauren Dedeu: hola alvaro, lograste poner el tooltip al textarea
16/05/2014
Lauren Dedeu: crysfel puedes decirme como hacer exactamente lo del tooltip para el textarea
16/05/2014
crysfel, que tal...
una consulta, entiendo que ese ejemplo se da solo par un grid, en cambio si yo quiero adaptar eso a un FormPanel, seria la misma sintaxis...??? estoy tratando de mostrar eso pero no se muestra:
una consulta, entiendo que ese ejemplo se da solo par un grid, en cambio si yo quiero adaptar eso a un FormPanel, seria la misma sintaxis...??? estoy tratando de mostrar eso pero no se muestra:
var view = gridForm.getView();//el formpanel se llama gridForm
var tip = Ext.create('Ext.tip.ToolTip', {
// The overall target element.
target: view.el,
// Each grid row causes its own separate show and hide.
delegate: view.itemSelector,
// Moving within the row should not hide the tip.
trackMouse: true,
// Render immediately so that tip.body can be referenced prior to the first show.
renderTo: Ext.getBody(),
listeners: {
// Change content dynamically depending on which element triggered the show.
beforeshow: function updateTipBody(tip) {
tip.update('Over company "' + view.getRecord(tip.triggerElement).get('Comentarios') + '"');
}
}
});como deberia proceder...???
Alvaro Gonzalo
16/05/2014
Crysfel Villa
22/05/2014
Alvaro Gonzalo: Crysfel, entiendo hasta ese punto, llegue a mostrar un mensaje cualquiera en mi textarea, sin embargo, quiero hacer que en vez del mensaje..
22/05/2014
Alvaro Gonzalo: se rellene con los datos que esta ahi, es decir si le pones un valor, al pasar el puntero del raton sobre el me muestre el mensaje....
22/05/2014
Crysfel Villa: Necesitas agregar un listener y cambiar el contenido del tip: http://jsfiddle.net/crysfel/fN45Y/1/
22/05/2014
Alvaro Gonzalo: Gracias Crysfel, pero una consulta mas....esto como seria para el Ext 3.4??? ya que los ejemplos que me indicas estan en el 4.2..???
22/05/2014
Crysfel Villa: Nope, para la versión 3.4 cambiarían las cosas un poco, pero el concepto es el mismo
22/05/2014
Alvaro Gonzalo: y que es lo que cambiaria..??? podrias darme un ejemplo...??
22/05/2014
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.