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

任务栏图标;

扩展属性

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第1张图片

引入css,img

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第2张图片

改comm.css的位置;

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第3张图片

改css的路径;

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第4张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第5张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第6张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第7张图片

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;

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第8张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第9张图片

静态化主控制器对象

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第10张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第11张图片

三、改造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);

}

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第12张图片

测试:

四、封住基本组件

baseform

basepanel

basegrid

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第13张图片

拷贝过来

加载

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第14张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第15张图片

业务

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第16张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第17张图片

拷贝MainController.js;

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第18张图片

改名字

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第19张图片

五、测试

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第20张图片

单词controller拼错了;

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第21张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第22张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第23张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第24张图片

Extjs4.1+desktop+SSH2 桌面化改造和基础组件的封装_第25张图片

你可能感兴趣的:(Desktop)