GXT ImageField 增加onClick、onMouseOver、onMouseClick互动功能
2010-09-03 13:57
253 查看
实现此功能关键在
sinkEvents(Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT);
public class jgImageField extends ImageField {
/**
* Creates a new Image field.
*/
public jgImageField() {
super();
}
/**
* Creates a new Image field.
*
* @param text Image location
*
*/
public jgImageField(String text) {
super(text);
}
/**
* 增加onClick、onMouseOut、onMouseOver功能
*/
@Override
protected void onRender(Element parent, int index) {
super.onRender(parent, index);
// 增加onClick、onMouseOut、onMouseOver功能
sinkEvents(Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT);
}
@Override
public void onComponentEvent(ComponentEvent ce) {
super.onComponentEvent(ce);
FieldEvent fe = (FieldEvent) ce;
fe.setEvent(ce.getEvent());
switch (ce.getEventTypeInt()) {
case Event.ONMOUSEOVER:
onMouseOver(ce);
break;
case Event.ONMOUSEOUT:
onMouseOut(ce);
break;
}
}
/**
* 滑鼠移入操作
*
* @param ce
*/
protected void onMouseOver(ComponentEvent ce) {
addStyleName("x-btn");
}
/**
* 滑鼠移出操作
*
* @param ce
*/
protected void onMouseOut(ComponentEvent ce) {
}
}
sinkEvents(Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT);
public class jgImageField extends ImageField {
/**
* Creates a new Image field.
*/
public jgImageField() {
super();
}
/**
* Creates a new Image field.
*
* @param text Image location
*
*/
public jgImageField(String text) {
super(text);
}
/**
* 增加onClick、onMouseOut、onMouseOver功能
*/
@Override
protected void onRender(Element parent, int index) {
super.onRender(parent, index);
// 增加onClick、onMouseOut、onMouseOver功能
sinkEvents(Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT);
}
@Override
public void onComponentEvent(ComponentEvent ce) {
super.onComponentEvent(ce);
FieldEvent fe = (FieldEvent) ce;
fe.setEvent(ce.getEvent());
switch (ce.getEventTypeInt()) {
case Event.ONMOUSEOVER:
onMouseOver(ce);
break;
case Event.ONMOUSEOUT:
onMouseOut(ce);
break;
}
}
/**
* 滑鼠移入操作
*
* @param ce
*/
protected void onMouseOver(ComponentEvent ce) {
addStyleName("x-btn");
}
/**
* 滑鼠移出操作
*
* @param ce
*/
protected void onMouseOut(ComponentEvent ce) {
}
}
相关文章推荐
- 让onmouseover完成onclick的功能
- Javascript OnMouseDown OnClick OnDbClick
- .NET图像处理库ImageGear for .NET v23.2发布,增加新的PDF压缩功能
- .NET图像处理库ImageGear for .NET v23.2发布,增加新的PDF压缩功能
- 在ImageView的OnTouchListener实现onLongClick功能
- onmousemove、onmouseover、 onmouseup及onclick的区别
- universalimageloader增加防盗链功能,设置header请求头
- 让onmouseover完成onclick的功能
- 工具类:给 ImageView 类增加下载图片的功能(模仿 SDWebImage/runtime 用法1:动态添加属性)
- onmousemove、onmouseover、 onmouseup及onclick的区别
- 利用IE的追踪保护加载项,给IE增加去广告功能
- Flex例子--通过继承增加新的功能
- 为CKEditor增加上传图片的功能(转载)
- OnClick与OnServerClick
- image的onclick()不提交表单
- 织梦dedecms栏目添加自定义字段,增加栏目上传缩略图功能
- 利用《input type=“image”》来巧妙实现map功能
- Keil uVision4 for ARM 下增加支持C51,C5x功能
- u-boot-2009.08在mini2440上的移植(七)---增加LCD显示功能
- 派生MFC模板类CList 增加排序功能