`
javacoo
  • 浏览: 65483 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Ext4.1 desktop 实现桌面图标可拖拽

    博客分类:
  • EXT
阅读更多
Ext4.1 desktop 实现桌面图标可拖拽:
在 Desktop.js文件中的 initComponent 方法中 加入
me.shortcutsView.on('render', me.onRenderShortcut, me);
onRenderShortcut 方法如下
onRenderShortcut : function(v) {
var me = this;
me.shortcutsView.dragZone = new Ext.dd.DragZone(v.getEl(), {
getDragData: function(e) {
var sourceEl = e.getTarget(v.itemSelector, 10);
if (sourceEl) {
                d = sourceEl.cloneNode(true);
                d.id = Ext.id();
                return {
                    ddel: d,
                    sourceEl: sourceEl,
                    sourceStore: v.store,
                    draggedRecord: v.getRecord(sourceEl)
                }
            }
},
        getRepairXY: function() {
            return this.dragData.repairXY;
        },
        onMouseUp : function(e){
        var currDom = Ext.fly(this.dragData.sourceEl);
        var oldXY = currDom.getXY();
        var newXY = e.getXY();
        var width = currDom.getWidth();
        var height = currDom.getHeight();
        if(Math.abs(oldXY[0]-newXY[0]) > width || Math.abs(oldXY[1]-newXY[1]) > height){
        currDom.setXY(newXY);
        Ext.get(this.dragData.sourceEl).frame('#8db2e3', 1);
        }

}
});
}
ok  大功告成,现在桌面上的图标可以任意拖拽了.

效果图
  • 大小: 34 KB
  • 大小: 119.1 KB
0
3
分享到:
评论
2 楼 jacky66666 2014-01-10  
拖动后有白屏的现象,请问怎么解决?
1 楼 tylike 2013-07-12  
我在ext4.2.1版本中试了你的代码,不知为什么没有反映,你在新新版本中试过吗?
能否指点一下?多谢!

相关推荐

    Ext 4.1版本中文API

    这是2014年1月1日最新Ext4.1版本中文API,解决了目前Ext没有中文API的烦恼,各位同胞还请多多支持!

    EXT4.1 api

    EXT4.1 API的引入是为了让开发者能够更好地理解和利用这个文件系统,以实现对磁盘数据的高级操作。 API(应用程序编程接口)是一组预先定义的函数、类、对象和协议,允许开发者在编程时调用特定的功能或服务。EXT...

    EXT4.1中文版本

    在前端开发中,虽然EXT4.1主要是针对后端和操作系统层面的,但有一些模板库和框架可能利用这些底层功能来实现特定的数据存储或同步需求。例如,`ext4api-gh-pages`可能是一个包含文档、演示或者示例代码的页面,用于...

    ext4.1 mvc 模式

    EXTJS 4.1版本引入了MVC(Model-View-Controller)模式,这是一个设计模式,旨在提高软件的可维护性和可扩展性。本文将深入探讨EXTJS 4.1中的MVC模式及其在实际应用中的细节。 **MVC模式概述** MVC模式是一种软件...

    ext4.1中文api

    5. **快速重命名**:EXT4实现了无日志的原子重命名操作,提高了文件重命名的效率。 6. **块组管理**:EXT4的块组包含更多的数据区,增加了空间利用率。 7. **文件系统的预留空间**:用户可以预先为文件系统预留...

    ext 4.1中文API

    EXT 4.1中文API是Java开发者在使用EXT库时的重要参考资料,特别是对于那些需要深入理解和应用EXT组件的中文社区成员来说,这是一个极其宝贵的资源。EXT是一个强大的JavaScript库,主要用于构建富客户端应用程序,它...

    ext 4.1 多重表头gridheader

    在EXT 4.1中,通过GridHeader可以实现列的分组,将相关的列组合在一起形成一个分组头部。这种分组不仅美化了界面,还使得用户能方便地折叠或展开列组,以控制显示的信息量。 3. **自定义排序** GridHeader支持...

    ext4.1文档

    【标题】:ext4.1文件系统详解 【描述】:ext4.1是Linux操作系统中的一个高级文件系统,它是ext4的扩展版本,旨在提供更高效的数据存储和检索功能。这一文档将深入探讨ext4.1的核心特性、设计原理以及在实际应用中...

    Ext4.1 layout实现动态添加Tab与左侧按扭进行互动

    Ext4.1 layout实现动态添加Tab左侧按扭进行互动,没有新建过的就新建一个tab已经新建的则设置为当前项,Layout带最大化,最小化功能。与左侧按扭进行互动。注意请放到:ext-4.1.1a-gpl\ext-4.1.1a\examples\下相应的...

    Ext4.1 dsktop MVC 动态model

    看到网上有很多问4.1的Ext desktop与它的MVC架构怎么联系起来,自己准备更新公司系统的Ext 到4.1也遇到这个问题,自己折腾了一天,看了网上很多东东,但看得不是很明白,最后只能自己专研了,悲吹!! Ext4.1 没其他...

    Ext4.1 API中文版V0.4 Beta

    Ext4.1 API中文版V0.4 Beta是针对Linux操作系统中Ext4文件系统的开发者接口文档,它提供了详细的中文解释,使得中国开发者更容易理解和利用这个先进的文件系统。Ext4.1是Ext4的一个扩展,旨在增强其性能、稳定性和...

    springmvc+ext4.1+json配置(含jar)

    Spring MVC、EXT4.1和JSON这三者结合,能为开发人员提供强大的工具和框架,以实现这一目标。接下来,我们将深入探讨这些技术及其整合应用。 首先,Spring MVC是Spring框架的一部分,它是一个用于构建Web应用程序的...

    ext 4.1完整demo

    ext 4.1 完整demo,入门 参照 必备

    myeclipse2013 使用spket 配置EXT4.1

    本文将详细介绍如何在MyEclipse 2013中配置并使用SPket来支持EXT4.1的开发。 首先,我们需要了解MyEclipse 2013。MyEclipse是基于Eclipse平台的一个集成开发环境(IDE),专为Java、Web、J2EE和移动应用开发设计。...

    ext4.1登陆界面

    标题中的"ext4.1登陆界面"指的是一个基于EXTJS4框架构建的登录界面,它...总的来说,这个"ext4.1登陆界面"项目展示了EXTJS4在构建交互式Web应用方面的强大能力,结合JSP处理后端逻辑,为用户提供了一个完整的登录体验。

    Ext4.1 中文API

    Ext4.1 中文API文档,脚本娃娃翻译

    Ext4.1 demo布局加左侧菜单动态加载

    Ext4.1 demo布局加左侧菜单动态加载 demo

    Ext4.1 中文api

    Ext4.1的中文api,大部分都已汉化成功,个人用着觉得还可以

    Ext4.1中文API

    Ext4.1中文API,希望对你有用!(翻译进度92%,看清再下载,但应该足够用的,另提供完整版下载信息!)

    ext4 时间控件 ext4.1时间

    针对这种情况,EXTJS社区开发了一个扩展,即“EXT4 时间控件”,特别是在EXTJS 4.1版本之后,这个扩展被广泛使用,以满足对日期和时间同时选择的需求。 EXT4 时间控件的核心功能在于将日期选择和时间选择集成在一个...

Global site tag (gtag.js) - Google Analytics