1 Ext.onReady (function () {
2
3
4 Ext.define ('MydesktopIcon', {
5 /* Begin Definitions */
6 alias: 'widget.desktopIcon',
7 extend: 'Ext.Component',
8
9 width: 76,
10 //height: 84,
11 overCls: 'x-view-over',
12 renderTpl:
13 '<div class="ux-desktop-shortcut" id="{module}-shortcut">' +
14 '<div class="ux-desktop-shortcut-icon">' +
15 '<img src="{iconName}" title="{name}">' +'sssssssssss'+'{name}'+
16 '</div>' +
17 '<span class="ux-desktop-shortcut-text">{name}</span>' +
18 '</div>' +
19 '<div class="x-clear"></div>',
20
21 // private
22 onRender: function(ct, position) {
23 // classNames for the button
24 var me = this;
25 // Render internal structure
26 me.callParent(arguments);
27 //添加单击事件
28 alert('dddddd');
29 alert(me.name);
30 me.mon(me.el, 'click', me.onClick, me);
31 },
32 getTemplateArgs: function () {
33 var me = this;
34 return {
35 name: me.name || ' ',
36 module: me.module || ' ',
37 iconName: me.iconName || Ext.BLANK_IMAGE_URL,
38 }
39 },
40 onClick: function(e) {
41 var me = this;
42 me.ownerCt.fireEvent ('itemClick', this);
43 },
44
45 // inherit docs
46 initComponent: function() {
47 alert('dd');
48 var me = this;
49 Ext.applyIf(me.renderData, me.getTemplateArgs());
50 // me.callParent(arguments);
51
52 },
53 });
54
55
56 Ext.create ('Ext.panel.Panel', {
57 title:'test',
58 frame: true,
59 height:800,
60 renderTo: Ext.getBody(),
61 items: [{
62 xtype: 'desktopIcon',
63 name:'首页',
64 module:'firstPage',
65 iconName: '../SDOJ/images/problems.png'
66 },{
67 xtype: 'desktopIcon',
68 name:'个人信息',
69 module:'firstPage',
70 iconName: '../SDOJ/images/myself.png'
71 },{
72 xtype: 'desktopIcon',
73 name:'首页',
74 module:'firstPage',
75 iconName: '../SDOJ/images/firstpage.png'
76 },{
77 xtype: 'desktopIcon',
78 name:'首页',
79 module:'firstPage',
80 iconName: '../SDOJ/images/contest.png'
81 },
82 {
83 xtype: 'desktopIcon',
84 name:'首页',
85 module:'firstPage',
86 iconName: '../SDOJ/images/college.png'
87 },{
88 xtype: 'desktopIcon',
89 name:'首页',
90 module:'firstPage',
91 iconName: '../SDOJ/images/letter.png'
92 }],
93 listeners: {
94 itemClick: function (item) {
95 alert (item.name)
96 }
97 }
98
99 });
100
101
102 });
