Ext的GridPanel的Tips
程序员文章站
2022-07-13 23:09:09
...
store.load({params: {start: 0, limit: 10},callback:function(a,b,c){showPanelTips(grid)}});
/**
* author:liwenjie
* 实现GridPanel的每一个单元格tips显示
* To Show the tips of gridPanel's cell
* */
function showPanelTips(gridPanel)
{
//控制grid页面展示的对象
var view=gridPanel.getView();
for(var rowIndex=0;rowIndex<gridPanel.getStore().getCount();rowIndex++)
{
var record=gridPanel.getStore().getAt(rowIndex);
for(var columnIndex=0;columnIndex<gridPanel.colModel.getColumnCount();columnIndex++)
{
var textDisplay=record.get(gridPanel.colModel.getDataIndex(columnIndex));
var cell=view.getCell(rowIndex,columnIndex);
//Ext动态生成的ID
var cid = Ext.id();
cell.firstChild.setAttribute('id',cid);
Ext.QuickTips.register({
target: cid,
text: textDisplay,
maxWidth: 100, //设置后显示内容可以自动换行
dismissDelay:20000, //设置显示时间
trackMouse: true,
autoHide: true,
animate: true
});
}
}
}
只要传入grid即可,显示Tips的代码需要在stroe.load的函数中实现,否则会因为grid的单元格没有完全形成而显示失败!
上一篇: WPF拖放功能实现
下一篇: Ext Grid上的单击以及双击事件