Extjs4.07 桌面图标换行
setInterval(function(){ //shortcuts 自动换行 var height = $(window).height() - 30; //获取浏览器当前窗口可视区域高度 (减去底部任务栏高度) var line = 1; var row = 0; var defaults = { num : parseInt((height - 10) / 90), //最大列 space : 90, //图标间距 position : 15, //边缘距离 shortcut : $('.ux-desktop-shortcut') //桌面的图标 }; defaults.shortcut.each(function (index, domEle) { if (index >= defaults.num * line) { line++; row = 0; } //alert("第" + line + "列;第" + (row + 1) + "行;" + this + "当前对象索引" + index); $(domEle).css("left", ((line - 1) * defaults.space + defaults.position) + "px"); $(domEle).css("top", defaults.position + (defaults.space * row) + "px"); $(domEle).css('position', 'absolute'); row++; }); },500);
放到项目首页 每隔0.5秒自动换行。。 前提是要引入jquery 框架
当然如果不喜欢这样
可以使用Ext.query()选择器代替 $符号
生命只有一次。