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
分享到:
相关推荐
这是2014年1月1日最新Ext4.1版本中文API,解决了目前Ext没有中文API的烦恼,各位同胞还请多多支持!
ext4中文api文档,学习ext的好帮手
extjs4mvc模式,其中有一个mvc的例子,麻雀虽小但是五脏俱全,方便研究,绝对经典...
Ext4.1 layout实现动态添加Tab左侧按扭进行互动,没有新建过的就新建一个tab已经新建的则设置为当前项,Layout带最大化,最小化功能。与左侧按扭进行互动。注意请放到:ext-4.1.1a-gpl\ext-4.1.1a\examples\下相应的...
看到网上有很多问4.1的Ext desktop与它的MVC架构怎么联系起来,自己准备更新公司系统的Ext 到4.1也遇到这个问题,自己折腾了一天,看了网上很多东东,但看得不是很明白,最后只能自己专研了,悲吹!! Ext4.1 没其他...
ext 4.1 中 gridheader example
ext 4.1 完整demo,入门 参照 必备
myeclipse2013 使用spket 配置EXT4.1 内有教程
ext4.1简单的登陆界面 包含login.jsp 验证码.jsp
Ext4.1.0 API中文版 ,汉化不是很完全,文档中有作者的网站连接,正在持续更新中。
EXT4.1版本,里面有API、示例。可以通过模版快速前端开发。
Ext4.1 中文API文档,脚本娃娃翻译
Ext4.1 demo布局加左侧菜单动态加载 demo
ext 4.1中文API 找了好久才找到的 大家分享下
Ext4.1的中文api,大部分都已汉化成功,个人用着觉得还可以
Ext4.1中文API,希望对你有用!(翻译进度92%,看清再下载,但应该足够用的,另提供完整版下载信息!)
ext4.1文档
最新的Ext4.1中文版Api,由脚本娃娃集合广大网友制作发布,目前没有完全完成汉化工作,版本不断更新之中,目前这个版本是最新的,供大家学习工作查询使用,还是比较不错的.
ext 4.1 的build文件夹下的sdk.jsb3文件 移出来跟build同级的话,在spket安装智能提示时效果更好,但是移出来之后需要对sdk.jsb3文件中的路径进行修改,否则会出现问题,本资源是修改好的文件
界面 ext 4.1 mvc框架 动态加载控制层 后台session 过期处理