Need help with qtipCfg via json on TreeNode

[proesterchen]

Hey folks,

I'm displaying a Quicktip on async treenodes which are passed via json:

array_push($roles, array(
                "iconCls" => "role",
                "leaf" => "true",
                "text" => $row["ROLE_NAME"],
                "qtipCfg" => array(
                    "xtype" => "quicktip",
                    "title" => $row["ROLE_DESCRIPTION"],
                    "width" => 500,
                    "text" => $qtipText
                )
)); 

while $qtipText is filled before and could have many rows delimited by <br />. So far, this is working pretty well (widht 500px, displaying a title and the text). Now I wanted to extend the config with

                    "dismissDelay" => 0,
                    "height" => "500",
                    "autoScroll" => "true" 

but those have no impact at all.

Does anyone know which parameters are taken or how I can reach the goals of disable automatic hiding and display the Quicktip with a limited height and a scrollbar?

Any help is appreciated! Thanks in advance....

[Animal]

Configure it autoHeight: false

See autoHide

[proesterchen]

Hi Animal,

thanks for the quick reply. I tried with autoHide, it worked, but had the effect, that the QuickTip was still displayed after mouseout. Than I retreid with "dismissDelay" => 0 which again had no effect. "dismissDelay" => 5000000000000 did the work now!

With "autoHeight" => "false" or "autoHeight" => falsestill no success...

Still trying..

[Animal]

autoHeight: false should work.

Need to see the resulting Javascript, not PHP.

[proesterchen]

Hi Animal,

as the qtipCfg is taken from the json, here is the console.log from the qtipCfg:

Unbenannt.PNG

[Animal]

The resulting Javascript.

I don't know what you have logged there. It looks bad. el as a span???

[proesterchen]

I logged the attributes.qtipCfg of the leaf, as it comes back from the server (load: function(node)....)

As I can see in the HTML-Dom the leaf is rendered as a nested span...

So what looks bad about it?

Cheers...

[Animal]

How come the qtipCfg has an el?

Look at the JSON as it is received through Ajax when the TreeLoader requests the node. Use Firebug.

[proesterchen]

Hi Animal,

so this is the json comming back from the server:

[
    {
        "iconCls": "role",
        "leaf": "true",
        "text": "rol_OE_2",
        "qtipCfg": {
            "xtype": "quicktip",
            "title": "Mitarbeiter darf Daten sehen",
            "width": 500,
            "text": "RestrictionOrganization | 11 | true<br\/>",
            "dismissDelay": 600000,
            "autoHeight": false,
            "height": 500
        }
    },
    {
        "iconCls": "role",
        "leaf": "true",
        "text": "rol_I-1",
        "qtipCfg": {
            "xtype": "quicktip",
            "title": "Rolle 1",
            "width": 500,
            "text": "AdminGlobal | adminobject | true<br\/>AdminGlobal | adminglobal | true<br\/>AdminSubstitute | AdminSubstitute | true<br\/>AdminSubstitute | adminobject | true<br\/>AdminSubstitute | AdminSubstituteA | true<br\/>AdminSubstitute | AdminSubstituteLevel | true<br\/>",
            "dismissDelay": 600000,
            "autoHeight": false,
            "height": 500
        }
    }
]

Don't know why it has an el when I log it in javascript...

[Animal]

I'd say use a single Ext.ux.DataTip instance on the tree, configured as you want it, and with a tpl of '{text}'