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]