国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

1)使用Ext.QuickTips

在開始的時(shí)候就執(zhí)行Ext.QuickTips.init();

然后對(duì)需要提示的單元格,重寫renderer函數(shù),添加ext:qtitle , ext:qtip這2個(gè)屬性即可。

這個(gè)在官方的FAQ上有詳細(xì)描述: http://extjs.com/learn/Ext_FAQ_Grid#Add_ToolTip_or_Qtip

    
        
//option 1            
//========            
renderer = function (data, metadata, record, rowIndex, columnIndex, store) {            
    //build the qtip:            
    var title = 'Details for ' + value + '-' + record.get('month') +            
        '-' + record.get('year');            
    var tip = record.get('sunday_events');            
             
    metadata.attr = 'ext:qtitle="' + title + '"' + ' ext:qtip="' + tip + '"';            
             
    //return the display text:            
    var displayText = '< span style="color: #000;">' + value + '< /span>< br />' +            
        record.get('sunday_events_short');            
    return displayText;            
};            
             
//option 2            
//========            
renderer = function (data, metadata, record, rowIndex, columnIndex, store) {            
    var qtip = '>';            
    if(data >= 0){            
        qtip = " qtip='yeah'/>";            
        return '< span style="color:green;"' + qtip + data + '%< /span>';            
    }else if(data <  0){            
        qtip = " qtip='woops'/>";            
        return '< span style="color:red;"' + qtip + data + '%< /span>';            
    }            
    return data;            
};            
             
//option 3            
//========            
var qtipTpl = new Ext.XTemplate(            
    '< h3>Phones:< /h3>',            
    '< tpl for=".">',            
    '< div>< i>{phoneType}:< /i> {phoneNumber}< /div>',            
    '< /tpl>'            
);            
             
renderer = function (data, metadata, record, rowIndex, columnIndex, store) {            
             
    // get data             
    var data = record.data;            
             
    // convert phones to array (only once)             
    data.phones = Ext.isArray(data.phones) ?            
        data.phones :             
        this.getPhones(data.phones);            
             
    // create tooltip             
    var qtip = qtipTpl.apply(data.phones);            
             
    metadata.attr = 'ext:qtitle="' + title + '"' + ' ext:qtip="' + tip + '"';            
             
    //return the display text:            
    return data;                
};   
    
    

2)使用ToolTip

官方也已經(jīng)給出方法:

http://extjs.com/forum/showthread.php?p=112125#post112125

http://extjs.com/forum/showthread.php?t=55690

以上給出的方法是可以讓一個(gè)grid里面的元素共享一個(gè)tooltip對(duì)象。一般用來做rowtip

不過3.0有更好的方式,如下:

ExtJS Grid Tooltip實(shí)現(xiàn)之三：行提示 RowTip

ExtJS3.0新增的方法,設(shè)置tooltip的delegate

    
        
var myGrid = new Ext.grid.gridPanel(gridConfig);            
myGrid.on('render', function(grid) {            
    var store = grid.getStore();  // Capture the Store.            
            
    var view = grid.getView();    // Capture the GridView.            
            
    myGrid.tip = new Ext.ToolTip({            
        target: view.mainBody,    // The overall target element.            
            
        delegate: '.x-grid3-row', // Each grid row causes its own seperate show and hide.            
            
        trackMouse: true,         // Moving within the row should not hide the tip.            
            
        renderTo: document.body,  // Render immediately so that tip.body can be referenced prior to the first show.            
            
        listeners: {              // Change content dynamically depending on which element triggered the show.            
            
            beforeshow: function updateTipBody(tip) {            
                var rowIndex = view.findRowIndex(tip.triggerElement);            
                tip.body.dom.innerHTML = "Over Record ID " + store.getAt(rowIndex).id;            
            }            
        }            
    });            
});   
    
    

ExtJS Grid Tooltip實(shí)現(xiàn)之四：其他方法？

監(jiān)聽GridView或Store的事件,然后通過rowSelector或getRow方法來遍歷,自己加tooltip... 這個(gè)方式請(qǐng)無視吧