1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    14
    Vote Rating
    1
    rpieter is on a distinguished road

      0  

    Default Unanswered: Update Quicktip on HTML-attribute

    Unanswered: Update Quicktip on HTML-attribute


    Hi Guys,
    I've been searching for this for quite a while now, but can't seem to find an answer/solution anywhere.

    The problem is this;
    I've got an html-section with a qtip on it;
    Code:
    <span data-qtip="test 123">This is the span 123</span>
    When I hover over the span, the tooltip is shown nicely.
    (I've called Ext.tip.QuickTipManager.init(); in the beginning of the application)

    Then, after an event, I update the html to
    Code:
    <span data-qtip="test 456">This is the span 456</span>
    When I hover over the span now, the tooltip still says "Test 123"!
    And when I go looking at the DOM (via google inspector), I see this;
    Code:
    <span data-qtip="test 123">This is the span 456</span>
    Can anyone explain this?
    Is there some listener active that rewrites my HTML?
    (I'm sure I'm writing the correct html, I've also printed it with console.log).
    Should I manually update the qtip-object that is linked to this piece of html (how can I get that instance??)

    Any thoughts on this?
    Thank you in advance!

  2. #2
    Sencha Premium Member
    Join Date
    Apr 2012
    Posts
    34
    Answers
    6
    Vote Rating
    2
    sriram139 is on a distinguished road

      0  

    Default


    You need to update span's metadata and set the attribute data-qtip to the new value.
    Some thing like this:

    Code:
    metadata.attr = 'data-qtip="' + value + '"';
    Since I am not sure on which event you are updating it and how you are initializing the span, couldnt point out exact way to set this one.

  3. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    14
    Vote Rating
    1
    rpieter is on a distinguished road

      0  

    Default


    The thing is... I'm generating a block of html to show inside a TD (grid-cell).
    And the span is 1 part of that block of html.
    So, since there not really is an Ext-object respresenting the span, I'm not sure on how I should set the meta-attribute on it?

  4. #4
    Sencha Premium Member
    Join Date
    Apr 2012
    Posts
    34
    Answers
    6
    Vote Rating
    2
    sriram139 is on a distinguished road

      0  

    Default


    See if this will be helpful:

    Code:
    {
                text: 't',
                renderer : function(value, metaData, record, colIndex, store, view)
    	    {		    
    			metaData.tdAttr = 'data-qtip="Hii"';
               }             
    }

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Posts
    14
    Vote Rating
    1
    rpieter is on a distinguished road

      0  

    Default


    Alas, that won't do the trick either because that would set the tooltip on the complete TD, while I want to set it on the span inside the TD (there might be several spans with a tooltip in the TD)

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar