0

metadata(metadata.attr="ext:qtip='tooltip'") extjs 3.4を使用して、ツールチップをグリッドに動的に追加しています。

しかし、このツールチップをグリッド内のすべてのセルに追加し、上記の方法を使用する代わりに次の方法で試してみました

 function setToolTip(val, metadata) {
        new Ext.ToolTip({
                target: 'company',
                html: 'Click the X to close me',
                title: 'My Tip Title',
                autoHide: false,
                closable: true,
                draggable:true
            });

        return val; 
    }
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {
                id       :'company',
                header   : 'Company', 
                width    : 160, 
                sortable : true, 
                renderer : setToolTip,
                dataIndex: 'company'
            }
        ],
        stripeRows: true,
        autoExpandColumn: 'company',
        renderTo: document.body,
        height: 350,
        width: 600,
        title: 'Array Grid',
        // config options for stateful behavior
        stateful: true,
        stateId: 'grid'
    });

ターゲットには、グリッドで使用した Ext.grid.Column の ID を指定しています。しかし、ページの最初にこの行があるにもかかわらず、ツールチップが表示されません

Ext.QuickTips.init();
4

1 に答える 1

0

を使用してみてくださいbodyStyle。ここで見つけることができますhttp://docs.sencha.com/extjs/3.4.0/#!/api/Ext.ToolTip-cfg-bodyStyle

于 2014-02-06T08:10:41.007 に答える