1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    15
    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
    41
    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
    15
    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
    41
    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
    15
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi