GXT中TextArea的getSelectedTex()方法在IE下报错的解决方案。

前两天在调用TextArea的getSelectedText()时总是报索引值越界的错误，让我很是纳闷...

折腾了半天，搬开GXT源代码看。由于TextArea的getSelectedText()方法是从TextField方法继承而来.. so.. 在TextField.java中翻getSelectedText()的实现。

TextField中的getSelectedText()方法实现如下。

/**
* Returns the selected text.
*
* @return the selected text
*/
public String getSelectedText() {
int start = getCursorPos(), length = getSelectionLength();
return getRawValue().substring(start, start + length);
}

从此得知跟该方法有关的还有两个方法： getCursorPos()和getSelectionLength() 。。。

那么错误肯定处在这两个方法上， 于是写了个Demo来分别测试这两个方法， 最后发现是getCursorPos()无法在IE下取得正确的数值。

百般无奈之下，试了试GWT中的TextArea组件。。 惊奇的发现没有GXT中的错误。 取值很正确...

最后想了一个解决方案， 重新创建一个TextArea组件，继承与GWT的TextArea.. 然后使用Ext中的样式即可..

随后对Ext JS的TextArea组件的UI进行分析... 得出如下 css 样式设置:

1. 普通状态： 采用 x-form-field 样式

2. 获得焦点： 添加 x-form-focus 样式

3. 失去交单： 移除 x-form-focus 样式即可

具体代码如下:

import com.google.gwt.user.client.ui.FocusListener;
import com.google.gwt.user.client.ui.TextArea;
import com.google.gwt.user.client.ui.Widget;

public class TransferTextArea extends TextArea {

public TransferTextArea() {
this.setStyleName("x-form-field");
final TransferTextArea instance = this;

this.addFocusListener(new FocusListener() {

public void onFocus(Widget sender) {
instance.addStyleName("x-form-focus");
}

public void onLostFocus(Widget sender) {
instance.removeStyleName("x-form-focus");
}
});

}
}