<转载 http://www.uspcat.com/forum.php?mod=viewthread&tid=3524〉
此方法能随浏览器的大小自动排列图标
在desktop.js中扩展一个函数
initShortcut : function() { var btnHeight = 64; var btnWidth = 64; var btnPadding = 30; var col = {index : 1,x : btnPadding}; var row = {index : 1,y : btnPadding}; var bottom; var numberOfItems = 0; var taskBarHeight = Ext.query(".ux-taskbar")[0].clientHeight + 40; var bodyHeight = Ext.getBody().getHeight() - taskBarHeight; var items = Ext.query(".ux-desktop-shortcut"); for (var i = 0, len = items.length; i < len; i++) { numberOfItems += 1; bottom = row.y + btnHeight; if (((bodyHeight < bottom) ? true : false) && bottom > (btnHeight + btnPadding)) { numberOfItems = 0; col = {index : col.index++,x : col.x + btnWidth + btnPadding}; row = {index : 1,y : btnPadding}; } Ext.fly(items[i]).setXY([col.x, row.y]); row.index++; row.y = row.y + btnHeight + btnPadding; } }
在createDataView添加一个监听器
createDataView: function () { var me = this; return { xtype: 'dataview', overItemCls: 'x-view-over', trackOver: true, itemSelector: me.shortcutItemSelector, store: me.shortcuts, tpl: new Ext.XTemplate(me.shortcutTpl), listeners:{ resize:me.initShortcut } }; }
在afterRender渲染结束时调用函数
afterRender: function () { var me = this; me.callParent(); me.el.on('contextmenu', me.onDesktopMenu, me); Ext.Function.defer(me.initShortcut,1); }
相关推荐
完美实现desktop桌面图标自动换行功能
extjs4.0 实现桌面图标换行,具体改动参考 4.0.2a\examples\desktop\App.js 核心方法参考这句 //这里初始化所有图标 this.initShortcut(); 我觉得我说的很清楚了,还不明白的留言,一点js不懂的请闪开,谢谢
全部是在desktop.js中操作,首先扩展一个换行函数, 然后添加一个监听器 最后渲染结束时调用函数 OK
ExtJS中的desktop的demo中,默认的图标排列是不换行的,这就造成了如果桌面上的图标过多的话,当超出桌面区域,会造成图标遮盖,即超出桌面区域的部分会被任务栏遮挡,以下代码就是为了解决这一问题的。 首先,在...
extjs4.2 desktop demo 拓展功能:图标换行,拖动,多级开始菜单,修正extjs4.2的一些bug,加了几个桌面图标,纯js无后台程序,无需发布即可浏览。
Desktop Icon Toy 是一款桌面图标管理工具,你可以用它保存当前桌面图标的位置,激活被其它窗口挡住的图标、当然也可以去除快捷方式上的小箭头。 这个清凉简单的工具,你可以组织和安排所有的桌面图标变成简单的排列...
本桌面拓展自ExtJs6.0 DeskTop Demo 主要作如下修改: 1. 修改提示宽度不能自适应问题 ...4. 解决桌面图标拖动后闪屏问题 5. 桌面背景默认拉伸 6. 增加中文支持文件 7. 任务栏背景色 8. 开始菜单多级菜单 9. 登录窗口
myBase Desktop 6.0.4 完美破解版myBase Desktop 6.0.4 完美破解版
Desktop Icon Toy4.0 固定桌面图标 11
Desktop Icon Toy 是一款桌面图标管理工具,你可以用它保存当前桌面图标的位置,激活被其它窗口挡住的图标、当然也可以去除快捷方式上的小箭头。 这个清凉简单的工具,你可以组织和安排所有的桌面图标变成简单的排列...
extjs4.2 desktop 保留4种主题 最小化需要文件,并实现简单汉化,图标换行,图标拖动等 只有不到3M, 省去许多初学者的重复劳动。
解决Ubuntu Desktop和Centos Desktop安装Nvidia驱动后桌面异常问题.doc
Desktop Clock
SciHub Desktop.zipSciHub Desktop.zipSciHub Desktop.zipSciHub Desktop.zipSciHub Desktop.zipSciHub Desktop.zipSciHub Desktop.zipSciHub Desktop.zipSciHub Desktop.zipSciHub Desktop.zipSciHub Desktop....
关于ArcGIS Desktop、Server 常见问题。新手必备排错文档
Linux下通过.desktop文件创建桌面程序图标(快捷方式)及文件编写 demo
java develop for desktop