码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-03 18:58:37      阅读:1351      评论:0      收藏:0      [点我收藏+]

标签:

任务栏图标;

扩展属性

技术分享

引入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;

//设置点击时候,调用desktop的图标点击事件

obj.handler=function(){

me.desktop.onShortcutItemClick(null,item);

}

menus.push(obj);

})

desktopCfg.taskbarConfig.startConfig.menu=menus;

技术分享

技术分享

静态化主控制器对象

技术分享

技术分享

三、改造desktop内置的创建窗体方法,使得动态加载窗体     

var win=null;

win=Ext.getCmp(record.data.module);

if(!win){

coreApp.getController(record.data.controller).init();

win=me.createWindow({

title: record.data.name,

id:record.data.module,

width: comm.get("resolutionWidth")*0.7,

height: comm.get("resolutionHeight")*0.7,

iconCls: record.data.viewIconCls,

border: false,

hideMode: ‘offsets‘,

closable:true,

closeAction:"hide",

layout:"fit",

items:{xtype:record.data.viewXtype}

});

}

if (win) {

me.restoreWindow(win);

}

技术分享

测试:

四、封住基本组件

baseform

basepanel

basegrid

技术分享

拷贝过来

加载

技术分享

技术分享

业务

技术分享

技术分享

拷贝MainController.js;

技术分享

改名字

技术分享

五、测试

技术分享

单词controller拼错了;

技术分享

技术分享

技术分享

技术分享

技术分享

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

标签:

原文地址:http://www.cnblogs.com/yejq/p/4474434.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!