extjs4.2 desktop 桌面图标拖动

extjs小图标(项目小图标大全) 立即下载

自带的例子桌面图标不能拖动,网上找的代码,有bug,和桌面图标换行一起使用时,拖动过程图标看不见,反复调试修改,以下代码完美拖动桌面图标,有人反映拖动后会出现白屏,经调试已解决,在本论坛我的另一篇文章有解决办法。


1. 打开extjs自带的desktop.js文件 加入如下代码:


        //  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) {
                    var d = sourceEl.cloneNode(true);
                    d.style.left = 0;
                    d.style.top = 0;
                    d.id = Ext.id();
                    return v.dragData = {
                        sourceEl: sourceEl,
                        ddel: d,
                        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) {
                    var mymaxx = me.getHeight() - me.taskbar.getHeight() - height - 10;
                    var mymaxy = me.getWidth() - width;
                        if (newXY[1] > mymaxx) { newXY[1] = mymaxx; }
                        if (newXY[1] < 1) { newXY[1] = 0; }
                        if (newXY[0] < 1) { newXY[0] = 0; }
                        if (newXY[0] > mymaxy) { newXY[0] = mymaxy; }
                    currDom.setXY(newXY);
                }

            }
        });
    },
    
   //  onRenderShortcut 桌面拖动结束

2. 在 desktop.js中找到  initComponent: function () { 里,加入代码:

 me.shortcutsView.on('render', me.onRenderShortcut, me);


=======================================

源码下载:  http://download.youkuaiyun.com/detail/olinbsoft/8326735


Extjs4精美小图片_1000个各种实用透明gif小图标素材.zip 立即下载

相关推荐

extjs4.2 desktop 拓展

extjs4.2 desktop demo 拓展功能:图标换行,拖动,多级开始菜单,修正extjs4.2的一些bug,加了几个桌面图标,纯js无后台程序,无需发布即可浏览。

extjs中用到的小图标集(1000个)

分享一下: 这些是extjs中常用的小图标集合,有1000个(下有附件) 下面提供一下几个地址也可以下载的到: 1、http://coolshell.cn/articles/3.html 2、http://my.oschina.net/leejun2005/blog/65410  ...

躺在向日葵上睡觉 563

extjs4.2 desktop

extjs4.2 desktop 保留4种主题 最小化需要文件,并实现简单汉化,图标换行,图标拖动等 只有不到3M, 省去许多初学者的重复劳动。

ExtJs4 desktop 开发 桌面图标换行

以下是Ext4 的desktop桌面图标换行问题网上流传的解决方法 (是存在问题的) init: function() { this.callParent(); this.initShortcut(); } 注意 自定义函数 init 要放在 callParent 的下面。否则页面初始化的时候。没有换行。只有在变换页面高度的时候,才换行。 initShortcut:func

2064

extjs小图标大全小图标

extjs小图标大全,取自别人的资源,不过别人的是要分的

从零构建DDS信号发生器:STM32 DAC与DMA的完美交响

本文详细介绍了如何利用STM32的DAC模块和DMA控制器从零构建高性能DDS信号发生器。通过深入解析DDS技术原理、STM32 DAC特性及DMA高效数据传输,提供了完整的波形生成算法、硬件电路设计和软件实现方案,帮助开发者掌握数字信号合成的核心技术。

tree8的博客 705

ExtJs框架系列之iconCls以及用于面板头部的图标

对以往的问题总结: 1:给button加icon Css: .user { background:url(../Teacher/Images/User.gif) no-repeat 1px 2px !important; } EXT: new Ext.Button({ text:'User', iconCls:"user", renderTo:'btn', }); 其中!

liyanlei的专栏 2874

ERDAS 2022与ArcGIS共存安装教程:如何避免端口冲突(详细配置步骤)

本文提供了一份详细的ERDAS 2022与ArcGIS共存安装教程,核心在于解决两者因FlexNet许可证服务器导致的端口冲突问题。通过分步指导,包括检查现有端口占用、修改ERDAS许可证文件端口号、配置防火墙及客户端设置,确保两款专业GIS与遥感软件能在同一系统上稳定运行。

weixin_29279047的博客 253

extjs的按钮图标

先看图吧,要不你不知道我说的啥, 类似于上面的图标,在系统中显得很有帮助。 我刚开始接触extjs的时候,大概是extjs2.0的版本,当时还是开源的,没有商业化,所以当时按钮图标比较丰富,相应的图标css也已经加在里面。后来下载extjs,因为商业化,这些图标估计是非商业化的,涉及到版权,extjs在后来的版本中,就把图标这部分内容去掉了。但在系统中其实还是很有必要的。但现在找确实有点麻...

weixin_34336292的博客 774

Chrome红页误报?手把手教你通过Search Console快速解除安全警告

本文详细解析了Chrome红页误报的常见原因及解决方案,重点介绍如何通过Google Search Console快速解除安全警告。内容涵盖误报诊断、技术修复、申诉技巧及长效预防措施,帮助网站管理员有效应对Google Safe Browsing的误判问题,确保网站安全状态快速恢复。

a1b2c的博客 988

[软考]系统架构设计师 备考经验分享(一) - 备考计划篇

前言 上周末刚刚结束了软考架构师的考试,自我感觉考的还可以,大概率是过了。 两次参加软考,一次中级嵌入式,一次高级架构师,都是备考不到两个月时间,尤其是架构师这次考试内容和本职工作有不小的差别,并且需要同时备考三个科目,在高强度地备考中感觉是摸索出到了一点软考的技巧与经验。 打算趁还记得,赶紧写几篇文章做下梳理总结,算是给将来自己考系分、高项或者其他考试做个记录,也希望能够帮到正在备考的大家。 先把第一步,个人的备考计划分享给大家。 自身情况分析 首先,请大家一定先明确三个问题,这三个问题会直接影响到你的

_ 6404

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

上次做了个extjs4.2的desktop桌面demo,把desktop从原始包中剥离出来,并实现了桌面图标换列,桌面图标拖动,但用户反映桌面图标拖动会出现白屏,经测试,在 extjs4.2和Extjs5.0中都存在这个问题,          经反复跟踪调试,发现自己增加的代码并没有问题,问题出在extjs的自定义class里面, 在extjs4.1的  Ext.define('Ext.dd.D

LinBSoft的专栏 2879

【LCMM实战指南】从增长混合模型到潜在类别轨迹分析的纵向数据建模

本文深入解析了LCMM(潜在类别混合模型)在纵向数据建模中的应用,对比了LCGA与GMM的核心差异与选择策略。通过R语言lcmm包的实战演练,详细展示了从数据模拟、模型拟合、类别数选择到结果解读的全流程,为识别数据中不同的发展轨迹亚型提供了系统指南。

weixin_29070861的博客 379

Extjs4.2 Desktop 拖动黑色和白色的桌面图标的解决方案

最近做了一个extjs4.2的desktop桌面demo,该desktop从原来的包中剥离出来,并实现了桌面图标休息,拖动桌面图标,但是,用户抱怨拖动桌面图标会出现黑色和白色,测试,在 extjs4.2和Extjs5.0问题, 经重复跟踪调试,发现自己添加的代码并没有问题,问题出在extjs的自己定义class里面, 在extjs4.1的 Ex...

weixin_30847271的博客 101

交换机基本介绍(分类、性能指标、硬件构成及工作方式)

一、交换机的分类与性能指标 1.1交换机的分类 按照网络构成方式来分的话,交换机分为三类:接入层交换机、汇聚层交换机和核心层交换机。 按照OSI模型来划分的话,分为:二层交换机、三层交换机和四层交换机 还有一种按照硬件形态来划分,可以分成两类:盒式交换机和机框式交换机。 盒式交换机是一种有固定端口数,有时也会带有少量扩展槽的交换机。机架式交换机是一种插槽式的交换机,这种交换机扩展性较好,可支持不同的网络类型,可支持更大端口密度的网络。一般在数据中心的接入层都会采用盒式交换机,盒式...

monologuezjp的博客 4万+

论文必备 - YOLO26统计数据集中大、中、小目标数量,附完整代码和详细使用步骤

数据集是由微软开发维护的大型图像数据集。数据集标注类型对应任务包括物体检测、关键点检测、实例分割、stuff分割(没有特定形状的物体),全景分割人体关键点, 人体密度检测等。官网数据规模和样本特点数据规模大:总共包含32.8万张图像)。其中标注过的图像超过 20 万张,拥有 150 万个目标实例,数据量丰富,能够为模型训练提供充足的信息。类别丰富:包含80个目标类别和91个“stuff”类别。目标类别涵盖了日常生活中常见的各种物体,如人、动物、交通工具、生活用品等;stuff。

Limiiiing的博客 265

extjs4.2 desktop 核心文件 + 换行 + 图标拖动

extjs4.2 desktop 核心文件 +桌面图标换行 + 图标拖动 + 简单汉化 保留4种主题 不到3M 在项目中使用即可       下载地址: http://download.csdn.net/detail/olinbsoft/5929115

LinBSoft的专栏 9774

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

extjs4.2 desktop 桌面图标换行

在自带的extjs4.2 desktop例子基础上,修改 desktop.js 文件  添加如下代码: //shortcuts 自动换行 initShortcut: function () { var btnHeight = 64; var btnWidth = 64; var btnPadding = 30;

LinBSoft的专栏 2277

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

ExtJS4.1 desktop桌面图标自动换行

打开js文件夹下的desktop.js文件,在里面拓展一个函数,也就是添加一个函数: [javascript] view plaincopyprint? initShortcut : function() {        var btnHeight = 64;        var btnWidth = 64;        var btnPadding = 30; 

谭成 1909

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

ExtJs6 Desktop Demo 修改测试

本桌面拓展自ExtJs6.0 DeskTop Demo 主要作如下修改: 作者:LinBSoft http://www.linbsoft.com 1. 修改提示宽度不能自适应问题 2. 增加桌面图标自适应换行 3. 增加桌面图标拖动 4. 解决桌面图标拖动后闪屏问题 5. 桌面背景默认拉伸 6. 增加中文支持文件 7. 任务栏背景色 8. 开始菜单多级菜单 9. 登录窗口

LinBSoft的专栏 6566

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

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

LinBSoft的专栏 3929

ExtJS 4 : desktop shortcut location

ExtJS 4 Desktop 例子中的桌面图标始终在第一列显示,不论有多少个。重写Desktop的部分方法,让其自动适应位置。 [code="java"] Ext.override(Ext.ux.desktop.Desktop, { createDataView: function () { var me = this; retu...

wywl0304的专栏 168

ExtJS Desktop桌面图标换行

开始想着不用dataview做,改container但刚入门的菜鸟表示实在是有点崩溃。 然后就看到了大牛的实现,自己理解实践了一下,记录一下 在渲染后和窗体大小变化时调用函数对图标进行重新排列,函数如下: 初次渲染后: afterRender: function () { var me = this; me.callParent(); me.el.o

菜鸟出发惹 534
上一篇: extjs4.2 desktop 桌面图标换行
下一篇: extjs4 desktop 实现仿win7效果的桌面窗口预览效果
领尚
博客等级 码龄14年 1143粉丝 271原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值