ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 网页制作 >> Javascript教程 >> extjs4.2 desktop 桌面图标换行

extjs4.2 desktop 桌面图标换行

来源:网络整理     时间:2015-01-04     关键词:

本篇文章主要介绍了"extjs4.2 desktop 桌面图标换行",主要涉及到方面的内容,对于Javascript教程感兴趣的同学可以参考一下: 在自带的extjs4.2 desktop例子基础上,修改 desktop.js 文件 添加如下代码: //shortcuts 自动换行initShor...

在自带的extjs4.2 desktop例子基础上,修改 desktop.js 文件  添加如下代码:

     //shortcuts 自动换行
    initShortcut: function () {
        var btnHeight = 64;
        var btnWidth = 64;
        var btnPadding = 30;
        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");
        var col = { index: 1, x: btnPadding };
        var row = { index: 1, y: btnPadding };
        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;


        };
    },
    //end shortcuts 自动换行   
    
    

然后,在函数afterRender 里加入执行这段代码的行 Ext.Function.defer(me.initShortcut, 600); 

    afterRender: function () {
        var me = this;
        me.callParent();
        me.el.on('contextmenu', me.onDesktopMenu, me);
        Ext.Function.defer(me.initShortcut, 600);    // 执行换行代码
    },
    

 增加这两处代码后,即实现了桌面图标换行.

以上就介绍了extjs4.2 desktop 桌面图标换行,包括了方面的内容,希望对Javascript教程有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_103710.html

相关图片

相关文章