日期:2014-05-16  浏览次数:20376 次

Extjs GridPanel行提示的几种实现方式
1..使用renderer;
{
???? header: "公司",
???? name: 'company',
???? width: 200,
???? renderer:function(value,cell,record){
???????????????????? var qtipTpl = new Ext.XTemplate("<p><b>Company:</b> {company}<br>{price}<br />{size}</p>");
???????????????????? var qtip = qtipTpl.apply(record.data);
???????????????????? return '<div qtip="' + qtip +'">' + value + '</div>'
????? }
},


2.
grid.on('render', function() {
???????????? grid.tip = new Ext.ToolTip({
????????????????????????????? view: grid.getView(),
??????????????????????????????target: grid.getView().mainBody,
??????????????????????????????delegate: '.x-grid3-row',
????????????????????????????? trackMouse: true,
????????????????????????????? renderTo: document.body,
????????????????????????????? listeners: {
???????????????????????????????????????? beforeshow: function updateTipBody(tip) {
?????????????????????????????????????????????????????????? console.log(grid.store.getAt(tip.triggerElement.rowIndex).data);
?????????????????????????????????????????????????????????? tip.body.dom.innerHTML = "Over row " + tip.view.findRowIndex(tip.triggerElement);
?????????????????????????????????????????????? }
??????????????????????????????? }
??????????????? });
});


?