ExtJS4.1 desktop桌面图标自动换行
2013-01-06 01:15
363 查看
打开js文件夹下的desktop.js文件,在里面拓展一个函数,也就是添加一个函数:
接着在createDataView添加一个监听器,添加后的代码如下:
最后在afterRender渲染结束时调用函数,修改后的代码如下:
换行配置结束。配置后的效果如下图。
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, // style: { // position: 'absolute' // }, // x: 0, y: 0, // 实现桌面图标自动换行 listeners:{ resize:me.initShortcut }, tpl: new Ext.XTemplate(me.shortcutTpl) }; },
最后在afterRender渲染结束时调用函数,修改后的代码如下:
afterRender: function () { var me = this; me.callParent(); me.el.on('contextmenu', me.onDesktopMenu, me); // 实现桌面图标自动换行 Ext.Function.defer(me.initShortcut,1); },
换行配置结束。配置后的效果如下图。
相关文章推荐
- ExtJS4.1 desktop桌面图标自动换行
- ExtJS Desktop桌面图标换行
- Ext4 desktop 桌面图标换行实现
- extjs4.2 desktop 桌面图标换行
- Extjs4.1.1 desktop图标自动换行解决方法
- ExtJs4 desktop 开发 桌面图标换行
- extjs desktop中桌面图标换行
- Extjs4 desktop 图标自动换行,横纵排列 图标大小修改
- ext desktop桌面图标的右键弹出菜单代码
- Extjs2.0 desktop 动态创建桌面图标和开始菜单
- ExtJS[Desktop]实现图标换行示例代码
- 桌面支持--win7自动清理桌面图标解决办法
- android如何添加桌面图标和卸载程序后自动删除图标
- Extjs4.07 桌面图标换行
- 在Mint 16中当按下光驱的弹出按钮后桌面上的光驱图标没有自动消失的问题解决
- 安卓开发之APK安装之后自动在桌面上创建快捷图标
- Launcher中做到长按时,别的图标自动让位(仿Iphone桌面)
- 利用WinRAR快速分发安装小软件,自动解压生成桌面图标
- 完美解决desktop图标换行问题
- Win10主题打不开,自动弹出桌面图标设置