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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
|
/*
@ITMillApache2LicenseForJavaFiles@
*/
package com.itmill.toolkit.terminal.gwt.client.ui;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.ui.ChangeListener;
import com.google.gwt.user.client.ui.FocusListener;
import com.google.gwt.user.client.ui.TextBoxBase;
import com.google.gwt.user.client.ui.Widget;
import com.itmill.toolkit.terminal.gwt.client.ApplicationConnection;
import com.itmill.toolkit.terminal.gwt.client.BrowserInfo;
import com.itmill.toolkit.terminal.gwt.client.ITooltip;
import com.itmill.toolkit.terminal.gwt.client.Paintable;
import com.itmill.toolkit.terminal.gwt.client.UIDL;
import com.itmill.toolkit.terminal.gwt.client.Util;
/**
* This class represents a basic text input field with one row.
*
* @author IT Mill Ltd.
*
*/
public class ITextField extends TextBoxBase implements Paintable, Field,
ChangeListener, FocusListener {
/**
* The input node CSS classname.
*/
public static final String CLASSNAME = "i-textfield";
/**
* This CSS classname is added to the input node on hover.
*/
public static final String CLASSNAME_FOCUS = "focus";
protected String id;
protected ApplicationConnection client;
private String valueBeforeEdit = null;
private boolean immediate = false;
private int extraHorizontalPixels = -1;
private int extraVerticalPixels = -1;
private int maxLength = -1;
public ITextField() {
this(DOM.createInputText());
}
protected ITextField(Element node) {
super(node);
if (BrowserInfo.get().isIE()) {
// Fixes IE margin problem (#2058)
DOM.setStyleAttribute(node, "marginTop", "-1px");
DOM.setStyleAttribute(node, "marginBottom", "-1px");
}
setStyleName(CLASSNAME);
addChangeListener(this);
addFocusListener(this);
sinkEvents(ITooltip.TOOLTIP_EVENTS);
}
@Override
public void onBrowserEvent(Event event) {
super.onBrowserEvent(event);
if (client != null) {
client.handleTooltipEvent(event, this);
}
}
public void updateFromUIDL(UIDL uidl, ApplicationConnection client) {
this.client = client;
id = uidl.getId();
if (client.updateComponent(this, uidl, true)) {
return;
}
if (uidl.getBooleanAttribute("readonly")) {
setReadOnly(true);
} else {
setReadOnly(false);
}
setMaxLength(uidl.hasAttribute("maxLength") ? uidl
.getIntAttribute("maxLength") : -1);
immediate = uidl.getBooleanAttribute("immediate");
if (uidl.hasAttribute("cols")) {
setColumns(new Integer(uidl.getStringAttribute("cols")).intValue());
}
setText(uidl.getStringVariable("text"));
valueBeforeEdit = uidl.getStringVariable("text");
}
private void setMaxLength(int newMaxLength) {
if (newMaxLength > 0) {
maxLength = newMaxLength;
if (getElement().getTagName().toLowerCase().equals("textarea")) {
// NOP no maxlenght property for textarea
} else {
getElement().setPropertyInt("maxLength", maxLength);
}
} else if (maxLength != -1) {
if (getElement().getTagName().toLowerCase().equals("textarea")) {
// NOP no maxlenght property for textarea
} else {
getElement().setAttribute("maxlength", "");
}
maxLength = -1;
}
}
protected int getMaxLength() {
return maxLength;
}
public void onChange(Widget sender) {
if (client != null && id != null) {
String newText = getText();
if (newText != null && !newText.equals(valueBeforeEdit)) {
client.updateVariable(id, "text", getText(), immediate);
valueBeforeEdit = newText;
}
}
}
private static ITextField focusedTextField;
public static void flushChangesFromFocusedTextField() {
if (focusedTextField != null) {
focusedTextField.onChange(null);
}
}
public void onFocus(Widget sender) {
addStyleDependentName(CLASSNAME_FOCUS);
focusedTextField = this;
}
public void onLostFocus(Widget sender) {
removeStyleDependentName(CLASSNAME_FOCUS);
focusedTextField = null;
onChange(sender);
}
public void setColumns(int columns) {
setColumns(getElement(), columns);
}
private native void setColumns(Element e, int c)
/*-{
try {
switch(e.tagName.toLowerCase()) {
case "input":
//e.size = c;
e.style.width = c+"em";
break;
case "textarea":
//e.cols = c;
e.style.width = c+"em";
break;
default:;
}
} catch (e) {}
}-*/;
/**
* @return space used by components paddings and borders
*/
private int getExtraHorizontalPixels() {
if (extraHorizontalPixels < 0) {
detectExtraSizes();
}
return extraHorizontalPixels;
}
/**
* @return space used by components paddings and borders
*/
private int getExtraVerticalPixels() {
if (extraVerticalPixels < 0) {
detectExtraSizes();
}
return extraVerticalPixels;
}
/**
* Detects space used by components paddings and borders. Used when
* relational size are used.
*/
private void detectExtraSizes() {
Element clone = Util.cloneNode(getElement(), false);
DOM.setElementAttribute(clone, "id", "");
DOM.setStyleAttribute(clone, "visibility", "hidden");
DOM.setStyleAttribute(clone, "position", "absolute");
// due FF3 bug set size to 10px and later subtract it from extra pixels
DOM.setStyleAttribute(clone, "width", "10px");
DOM.setStyleAttribute(clone, "height", "10px");
DOM.appendChild(DOM.getParent(getElement()), clone);
extraHorizontalPixels = DOM.getElementPropertyInt(clone, "offsetWidth") - 10;
extraVerticalPixels = DOM.getElementPropertyInt(clone, "offsetHeight") - 10;
DOM.removeChild(DOM.getParent(getElement()), clone);
}
@Override
public void setHeight(String height) {
if (height.endsWith("px")) {
int h = Integer.parseInt(height.substring(0, height.length() - 2));
h -= getExtraVerticalPixels();
if (h < 0) {
h = 0;
}
super.setHeight(h + "px");
} else {
super.setHeight(height);
}
}
@Override
public void setWidth(String width) {
if (width.endsWith("px")) {
int w = Integer.parseInt(width.substring(0, width.length() - 2));
w -= getExtraHorizontalPixels();
if (w < 0) {
w = 0;
}
super.setWidth(w + "px");
} else {
super.setWidth(width);
}
}
}
|
