archerboy 发表于 2013-2-5 02:10:51

Ext的GridPanel的Tips

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动态生成的IDvar 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的单元格没有完全形成而显示失败!
页: [1]
查看完整版本: Ext的GridPanel的Tips