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;

//设置点击时候,调用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拼错了;

技术分享

技术分享

技术分享

技术分享

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。