/
component.js
100 lines (69 loc) · 2.34 KB
/
component.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
goog.provide('dev.app.Component'); // this code is used as a dependency in the editor and list widgets
goog.require('goog.dom');
goog.require('goog.dom.classes');
goog.require('goog.events');
goog.require('goog.events.EventTarget');
goog.require('goog.events.EventType');
goog.require('goog.events.KeyCodes');
goog.require('goog.events.KeyHandler');
goog.require('goog.ui.Component');
goog.require('goog.ui.ComboBox');
dev.app.Component = function(opt_label) {
goog.base(this);
this.initialLabel_ = opt_label || 'Click Me';
this.color_ = '#CCFF33';
this.kh_ = null;
};
goog.inherits(dev.app.Component, goog.ui.Component);
dev.app.Component.prototype.fireEvent = function(event) {
alert("events wired up"+this.initialLabel_);
}
dev.app.Component.prototype.createDom = function() {
this.decorateInternal(this.dom_.createElement('span'));
}
dev.app.Component.prototype.decorateInternal = function(element) {
goog.base(this, 'decorateInternal', element);
if (!this.getLabelText()) {
this.setLabelText(this.initialLabel_);
}
var elem = this.getElement();
goog.dom.classes.add(elem, goog.getCssName('dev.app.Component'));
this.kh_ = new goog.events.KeyHandler(elem);
this.getHandler().listen(this.kh_, goog.events.KeyHandler.EventType.KEY,
this.onKey_);
};
dev.app.Component.prototype.onDivClicked_ = function(event) {
this.fireEvent();
}
dev.app.Component.prototype.disposeInternal = function() {
goog.base(this, 'disposeInternal');
if (this.kh_) {
this.kh_.dispose();
}
}
dev.app.Component.prototype.enterDocument = function() {
goog.base(this, 'enterDocument');
this.getHandler().listen(this.getElement(), goog.events.EventType.CLICK, this.onDivClicked_);
}
dev.app.Component.prototype.exitDocument = function() {
goog.base(this, 'exitDocument');
}
dev.app.Component.prototype.getLabelText = function() {
if (!this.getElement()) {
return '';
}
return goog.dom.getTextContent(this.getElement());
}
dev.app.Component.prototype.onKey_ = function(event) {
var keyCodes = goog.events.KeyCodes;
if (event.keyCode == keyCodes.SPACE || event.keyCode == keyCodes.ENTER) {
this.fireEvent();
}
}
dev.app.Component.prototype.setLabelText = function(text) {
if (this.getElement()) {
goog.dom.setTextContent(this.getElement(), text);
}
}
;
goog.exportSymbol('dev.app.Component', dev.app.Component);