PDA

View Full Version : QuickTips and View Nodes



daft
30 Apr 2007, 8:45 PM
I've been playing with views for a while, and cannot seem to figure out how to make quicktips work on the nodes. Has anyone had any experience/luck getting the qtips to work?


Thanks!

jsakalos
1 May 2007, 4:51 PM
Add the following to your template:



'..... qtip="{yourTooltipVariable}" .....'
I haven't tried it but should work

ciduarte
11 May 2007, 4:12 PM
Like this ?




tip= Ext.get('tip_test');

tpl = new Ext.Template(
'<div class="item"> qtip={tip} ' +
'<div class="item-date">{evento_date}</div>' +
'<div class="item-dsc">{evento_dsc}</div>' +
'</div>'
);



Didn't work

jsakalos
11 May 2007, 4:19 PM
Well, view takes data from data store not from user defined variables. If your datastore had field "tip" with a text it would work.

balakk
21 May 2007, 9:53 AM
I have been up and down the forums for a few days. I have seen many people flailing at this without any success.

It seems the base of this issue is that a View doesn't support the mouseover event, now with that said,

I have found these posts:

http://extjs.com/forum/showthread.php?t=2121&highlight=view+quicktips

This looks close to what is needed but it is unclear how to implement it.

This post all so looks good:
http://extjs.com/forum/showthread.php?t=6287&highlight=quicktips


But still how does this work on a view item mouseover ????

Is there one answer on this it seems like a needed process what is the answer??

jsakalos
21 May 2007, 10:41 AM
Yes, you're right it doesn't work, I've just tried it on my view.

Somebody knows how to solve it?

balakk
21 May 2007, 11:23 AM
This works but I'm still missing something.


// get the div that contains the view
var viewDiv= Ext.get('the-view-div');

// look for a mouseover on the item div
viewDiv.mon('mouseover', function(e){
e.stopPropagation();
/* in my template each item is a div with a
class="item" so i'm looking for that item*/
var t = e.getTarget('div.item');
if(t) {
// Now how do we get the node index and display the tip ?
alert('ss');

}
});

balakk
21 May 2007, 1:09 PM
This is the way you need to do this:

http://extjs.com/forum/showthread.php?t=6287&highlight=quicktips

It works, you have inject the tip "ext:qtip=" into your template.

jsakalos
21 May 2007, 2:39 PM
This is the way you need to do this:

http://extjs.com/forum/showthread.php?t=6287&highlight=quicktips

It works, you have inject the tip "ext:qtip=" into your template.

Wow,

it's important info.

Thanks