extjs 弹出大图片的问题

我想在一个panel的items里
{

id:'image',

width : 150,

height: 150,

xtype : 'textfield',

fieldLabel: '图片',

inputType:'image'

}
上点击然后弹出一个大的图片原图,要怎么做呢?
是加listeners吗?
[b]问题补充:[/b]
validationDelay : 100,//调用方法的响应时间,可以根据事件情况改写

validateOnBlur :false,//一定要将失去焦点触发修改为false不然会参生两次调用

validationEvent :"click",

validator :function(){

alert("Open Window");

return true;

}

value:"123"//只有当textfield有值的时候,它的事件才能触发,这里你顺便填写

这段代码写在哪里- -
不全
[b]问题补充:[/b]
这个好用了,但是在第一次open的时候要调一次

现在这样写你的问题可以解决,但是有一个小bug就是页面打开它的方法也会调用一次,你可以设置一个标记,来判断是否第一次打开页面的时候,如果是的话就不调用方法

这个是啥意思- -

完整的写法
[code="java"]
{

id:'image',

width : 150,

height: 150,

xtype : 'textfield',

fieldLabel: '图片',

inputType:'image',
validationDelay : 100,//调用方法的响应时间,可以根据事件情况改写

validateOnBlur :false,//一定要将失去焦点触发修改为false不然会参生两次调用
validationEvent :"click",

validator :function(){

alert("Open Window");

return true;
}

value:"123"//只有当textfield有值的时候,它的事件才能触发,这里你顺便填写

}

[/code]
现在这样写你的问题可以解决,但是有一个小bug就是页面打开它的方法也会调用一次,你可以设置一个标记,来判断是否第一次打开页面的时候,如果是的话就不调用方法
这句话的意思是说,你在js中设置一个firstFlag=true,然后在判断
validator :function(){

if (!firstFlag){
alert("Open Window");
}
firstFlag = false;
return true;
}

这样就ok了

添加listeners的方法没有效果,下面的代码可以帮助你解决问题。
[code="java"]
validationDelay : 100,//调用方法的响应时间,可以根据事件情况改写
validateOnBlur :false,//一定要将失去焦点触发修改为false不然会参生两次调用
validationEvent :"click",
validator :function(){
alert("Open Window");
return true;
}
value:"123"//只有当textfield有值的时候,它的事件才能触发,这里你顺便填写
[/code]
现在这样写你的问题可以解决,但是有一个小bug就是页面打开它的方法也会调用一次,你可以设置一个标记,来判断是否第一次打开页面的时候,如果是的话就不调用方法

[code="js"]{

id:'image',

width : 150,

height: 150,

xtype : 'textfield',

fieldLabel: '图片',

inputType:'image',
listeners : {
'click':function(){
window.open('大图url');
}
}
} [/code]

就用listeners应该可以