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()选择器代替 $符号

posted @ 2012-12-14 08:30  ﹏Sakura  阅读(724)  评论(0编辑  收藏  举报