Extjs4 infobulles sur chaque colonne de flotter dans les gridPanel

Je suis arriver info-bulle au survol de la souris passez par chaque ligne de la colonne courante, mais je ne suis pas en mesure d'obtenir à côté de la colonne info-bulle sur continuer de planer sur la même ligne.

Mais je peux le faire si j'ai passez la souris sur une autre ligne & une fois encore, placez n'importe quelle colonne de la rangée précédente en utilisant:

listeners:{
'itemmouseenter': function (view, record, item, index, e, eOpts) {
        var gridColums = view.getGridColumns();
        var column = gridColums[e.getTarget(this.view.cellSelector).cellIndex];
        Ext.fly(item).set({ 'data-qtip': 'Des:' + column.dataIndex });

  }
}

Quelqu'un peut me montrer ce que je suis absent ou me diriger dans la bonne direction?

OriginalL'auteur Gopal Saini | 2011-09-24

  1. 5

    J'étais à la recherche par le biais de ce. J'ai réussi à obtenir la pointe de l'outil pour chaque cellule en faisant quelque chose comme ceci:

     Ext.getCmp('DynamicDemandGrid').getView().on('render', function(view) {
    view.tip = Ext.create('Ext.tip.ToolTip', {
        //The overall target element.
        target: view.el,
        //Each grid row causes its own seperate show and hide.
        delegate: view.cellSelector,
        //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) {
                var gridColums = view.getGridColumns();
                var column = gridColums[tip.triggerElement.cellIndex];
                var val=view.getRecord(tip.triggerElement.parentNode).get(column.dataIndex);
                tip.update(val);
            }
        }
    });
});

    Laissez-moi savoir si ça aide

    OriginalL'auteur Susanta

  2. 29

    J'ai un facile, en utilisant le convertisseur de fonction:

    {
    xtype : 'gridcolumn',
    dataIndex : 'status',
    text : 'Status',
    renderer : function(value, metadata) {
                    metadata.tdAttr = 'data-qtip="' + value + '"';
                    return value;
                }
}
    c'est une belle solution rapide. merci !
    J'ai une question de suivi à ce sujet.. je veux avoir une grille de plugin ou d'une caractéristique qui définit une info-bulle personnalisée à l'aide de la mise en œuvre. La Question est de savoir comment puis-je ajouter mes trucs pour le rendu d'une fonction, mais en même temps de ne pas prendre de suite un définie par l'utilisateur convertisseur de fonction en cours d'utilisation pour une grille donnée. Essentiellement, je veux ajouter l'info-bulle pour toutes les grilles, mais pas la possibilité de spécifier des moteurs de rendu personnalisé pour certaines colonnes sur quelques-uns des grilles.
    rixo répondu à cette seule pour moi ici: stackoverflow.com/questions/18536202/...
    Vous avez fait ma journée l'homme. Merci!!

    OriginalL'auteur inakiabt

  3. 2
    {
    text: name,
    width: 80,
    dataIndex: dataIndex,
    sortable: true,
    listeners: {
        afterrender: function ()
        {
            Ext.create('Ext.ToolTip',
            {
                target: this.getEl(),
                anchor: direction | "top",
                trackMouse: true,
                html: this.text
            });
        }
    }
}

    OriginalL'auteur Artur Shaikhullin