Extjs4.2 Desktop 桌面图标拖动白屏的解决

上次做了个extjs4.2的desktop桌面demo,把desktop从原始包中剥离出来,并实现了桌面图标换列,桌面图标拖动,但用户反映桌面图标拖动会出现白屏,经测试,在 extjs4.2和Extjs5.0中都存在这个问题,

经反复跟踪调试,发现自己增加的代码并没有问题,问题出在extjs的自定义class里面, 在extjs4.1的  Ext.define(‘Ext.dd.DragZone‘ ...的定义中 有

    afterRepair : function(){
        var me = this;
        if (Ext.enableFx) {
            Ext.fly(me.dragData.ddel).highlight(me.repairHighlightColor);
        }
        me.dragging = false;
    },

这个代码,是处理拖动后的后续工作,而在extjs4.2的‘Ext.dd.DragZone定义中,不知什么原因,没有了这段代码,只要加上这段代码,问题就不再出现,搞了一天,完美解决,其实问题并不复杂,只是找到问题比较困难.

下图是EXTjs4.2  desktop实现了图标换行和拖动后的效果

Extjs5.0 出现同样的问题,应该是同一原因,但未测试.

关于demo代码,在我的资源下载中有.

时间: 2024-11-10 08:23:30

Extjs4.2 Desktop 桌面图标拖动白屏的解决的相关文章

vue框架开发出现白屏的解决方法汇总

利用vue框架写一个简单的新闻客户端,修改了部分配置重启项目后发现又白屏的情况.特此做个简单的汇总. 1.npm run build打包页面空白 发现页面head中引用的js和css文件是出现了路径错误,这里修改如下: 解决位置:config/index.js文件:把assetsPublicPath: '/'改为assetsPublicPath: './' 2. iOS的Safari下无法打开网页 webpack-dev-server >= 2.8.0 的版本在 iOS Safari 下无法打开

LinbDesk --- 新的extjs4.2 desktop demo

许多朋友对extjs desktop感兴趣,就在原来简单的dsktop基础上,作了许多拓展  主要如下: 软件更新情况介绍: LinbDesk 拓展自Extjs 4.2的桌面Demo 拓展代码适用于ExtJs4.1,Extjs4.2,Extjs5.0 桌面图标自动换行 桌面图标自动换行白屏消除 桌面图标拖动 桌面分页-多桌面却换 桌面图标删除 桌面图标增加 桌面图标在几个桌面间移动 QQ登录系统 QQ登录用户基本信息弹窗 用户添加桌面应用图标 登录用户保存桌面图标设置 登录用户头像显示 logo

LinbDesk --- 新的extjs4.2 desktop demo : 技术交流Q群:336584192

很多朋友对extjs desktop感兴趣,就在原来简单的dsktop基础上,作了很多拓展  主要例如以下: 软件更新情况介绍: LinbDesk 拓展自Extjs 4.2的桌面Demo 拓展代码适用于ExtJs4.1,Extjs4.2,Extjs5.0 桌面图标自己主动换行 桌面图标自己主动换行白屏消除 桌面图标拖动 桌面分页-多桌面却换 桌面图标删除 桌面图标添加 桌面图标在几个桌面间移动 QQ登录系统 QQ登录用户基本信息弹窗 用户加入桌面应用图标 登录用户保存桌面图标设置 登录用户头像显

win10系统桌面图标变为白色方框和去除桌面图标快捷方式小箭头的方法

一.有些用户在开机后,发现windows10系统桌面的图标都变成了白色的方框.这是怎么回事?下面就为大家介绍一下Win10系统桌面图标变为白色方框的解决办法. 导致win10图标变白的情况有三种,大家可以按照自己的情况选择具体解决方法! (一)最为常见的是设置了显示设置中的:更改文本丶应用和其他项目的大小. 设置后图标会变大,图标缓存也会进行数据的更改,如果处理错误,开机就会出现图标变白. 解决方法如下: 1.右键桌面--显示设置--滑块向左移动--调节到100%--应用. 2.电源--关机--

extjs desktop中桌面图标换行

在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.qu

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装

任务栏图标: 扩展属性 引入css,img 改comm.css的位置: 改css的路径: App.js var menus=new Array(); //得到桌面图标 var items=desktopCfg.shortcuts.data.items; Ext.each(items,function(item){ var obj={}; //设置图标名称 obj.text=item.data.name; //设置图标样式 obj.iconCls=item.data.viewIconCls; //

App 冷启动与热启动及启动白屏优化

介绍一下 app 冷启动和热启动方式来实现 app 秒开的效果.那么,先来看看什么叫冷启动和热启动. 冷启动:指 app 被后台杀死后,在这个状态打开 app,这种启动方式叫做冷启动. 热启动:指 app 没有被后台杀死,仍然在后台运行,通常我们再次去打开这个 app,这种启动方式叫热启动. 那么,何为闪屏页呢?这个大家一般都知道,我们 app 也非常常见的.比如微信.QQ 等等应用,你将这些应用清除掉它们的后台运行的情况下,再去打开.这时候会出现一个闪屏页,类似我们的背景页.这个页面停留的时间

APP启动时白屏优化及multidex优化

参考 https://juejin.im/post/5d95f4a4f265da5b8f10714b https://blog.csdn.net/suyimin2010/article/details/80635579 https://www.cnblogs.com/whycxb/p/9312914.html 问题说明 当打开一个Activity时,如果这个Activity所属Application还没有在运行,系统会为这个Activity的创建一个进程(每开启一个进程都会有一个Applicat

Xamarin.Android splash页面瞬间响应_避免APP启动闪白屏

Application和Activity中的onCreate都进行了优化,基本没有耗时操作,但是启动应用之后还是会闪现一下白色背景,然后才进入Splash页面,对比了一下QQ.微信.微博等客户端,点击之后都是瞬间响应Splash启动页,差别在哪里呢. 其实就算你onCreate啥都不做,仍然会闪一下白屏,因为初始化解析界面时需要一定时间,解决方法是自定义Theme. 自定义如下 <style name="AppSplash" parent="android:Theme&