wie um zu zeigen, den text für mouseover-extjs-grid-Zeile
Ich bin usig extjs 4.1. Ich ging durch eine Menge von threads zu erklären, über tooltip bei mouseover mit dataview. Aber ich brauche nur zu zeigen, einige Texte wie "Doppelklick auf diese Zeile" on mouseover auf jeder Zeile des Rasters... ich habe diese Funktion bisher aus einem anderen thread... aber es funktioniert nicht innerhalb des Rasters
function renderTip(value, metaData, record, rowIdx, colIdx, store) {
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
};
UPDATE - Das ist mein raster
Ext.define('GridViewApp.view.GridViewApp', {
alias: 'widget.gridviewapp',
width: 800,
title: 'My Grid Panel',
grid: null,
store: null,
layout: {
type: 'anchor'
},
constructor: function () {
this.callParent(arguments);
var store = Ext.create('Ext.data.Store', {
storeId: 'myData',
scope: this,
fields: [
{ name: 'Q1', type: 'int' },
{ name: 'Q2', type: 'int' },
{ name: 'Q3', type: 'int' },
{ name: 'Q4', type: 'int' },
{ name: 'Q5', type: 'int' },
{ name: 'Improvements', type: 'string' },
{ name: 'Comments', type: 'string' }
],
sorters: [
{
//property: 'myData',
direct: 'ASC'
}
],
proxy: {
type: 'ajax',
scope: this,
url: 'GridView/writeRecord',
reader: {
type: 'json',
root: 'myTable',
idProperty: 'ID'
}
}
});
store.load();
this.grid = Ext.create('Ext.grid.Panel', {
title: 'GridView App',
store: this.store,
columns: [
{header: 'Q1', width: 100,
sortable: true, dataIndex: 'Q1'
},
{ header: 'Q2', width: 100,
sortable: true, dataIndex: 'Q2'
},
{ header: 'Q3', width: 100,
sortable: true, dataIndex: 'Q3'
},
{ header: 'Q4', width: 100,
sortable: true, dataIndex: 'Q4'
},
{ header: 'Improvements', width: 200,
sortable: true, dataIndex: 'Improvements'
},
{ header: 'Comments', width: 200,
sortable: true, dataIndex: 'Comments'
}
],
stripeRows: true,
width: 800,
renderTo: Ext.getBody()
});
this.add(this.grid);
this.grid.getView().getEl().set({ 'data-qtip': 'Double click me' });
}
});
UPDATE - LÖSUNG ARBEITEN
Fügen Sie diese, um Ihre Zuhörer am Netz, und es funktioniert
itemmouseenter: function (view, record, item) {
Ext.fly(item).set({ 'data-qtip': 'Hello' });
},
InformationsquelleAutor EagleFox | 2012-11-20
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn dieser renderer ist angebracht, da jede Spalte renderer, der Tipp sollte funktionieren. Überprüfen Sie, wenn Sie
Ext.QuickTips.init()
Aufruf irgendwo im code. Balg ist, was ich denke, ist einfacher, Weg zu befestigen global tooltip Gitter, indem Sie es ansehen.Beispiel arbeiten: http://jsfiddle.net/GCRA5/
Eigentlich
Ext.QuickTips
ist ein alias fürExt.tip.QuickTipManager
. Ich weiß nicht, warum die app abstürzt, ohne code, können Sie es zu senden?sicher... heißt es Nicht nennen die Methode 'set' von undefined auf meinem debugger
Ich bekomme
Uncaught TypeError: Object [object Object] has no method 'add'
Fehler, weilGridViewApp.view.GridViewApp
ist nicht länger etwas, aber nach dem hinzufügenextend: 'Ext.container.Viewport'
es funktioniert.Ich habe versucht zu tun, das auch... er sagt immer noch nicht rufen Sie die Methode set... könnten Sie bitte zeigen Sie mir eine Arbeitskopie
InformationsquelleAutor Krzysztof