jQuery EasyUI 组件加上“清除”功能实例详解

*/
function addClear4Combogrid(theId,onChangeFun)
{
var theObj = $(theId);
//根据当前值，确定是否显示清除图标
var showIcon = function(){
var icon = theObj.combogrid('getIcon',0);
if (theObj.combogrid('getValue')){
icon.css('visibility','visible');
} else {
icon.css('visibility','hidden');
}
};
theObj.combogrid({
//添加清除图标
icons:[{
iconCls:'icon-clear',
handler: function(e){
theObj.combogrid('clear');
}
}],
//值改变时，根据值，确定是否显示清除图标
onChange:function(){
if(onChangeFun)
{
onChangeFun();
}
showIcon();
}
});
//初始化确认图标显示
showIcon();
}
/*
* 为‘数值输入框'添加‘清除'图标
* 该实现使用了 onChange 事件，如果用户需要该事件，可传入自定义函数，会自动回调 。
*/
function addClear4Numberbox(theId,onChangeFun)
{
var theObj = $(theId);
//根据当前值，确定是否显示清除图标
var showIcon = function(){
var icon = theObj.numberbox('getIcon',0);
if (theObj.numberbox('getValue')){
icon.css('visibility','visible');
} else {
icon.css('visibility','hidden');
}
};
theObj.numberbox({
//添加清除图标
icons:[{
iconCls:'icon-clear',
handler: function(e){
theObj.numberbox('clear');
}
}],
//值改变时，根据值，确定是否显示清除图标
onChange:function(){
if(onChangeFun)
{
onChangeFun();
}
showIcon();
}
});
//初始化确认图标显示
showIcon();
}
/*
* 为‘日期选择框'添加‘清除'图标
* 该实现使用了 onChange 事件，如果用户需要该事件，可传入自定义函数，会自动回调 。
*/
function addClear4Datebox(theId,onChangeFun)
{
var theObj = $(theId);
//根据当前值，确定是否显示清除图标
var showIcon = function(){
var icon = theObj.datebox('getIcon',0);
if (theObj.datebox('getValue')){
icon.css('visibility','visible');
} else {
icon.css('visibility','hidden');
}
};
theObj.datebox({
//添加清除图标
icons:[{
iconCls:'icon-clear',
handler: function(e){
theObj.datebox('clear');
}
}],
//值改变时，根据值，确定是否显示清除图标
onChange:function(){
if(onChangeFun)
{
onChangeFun();
}
showIcon();
}
});
//初始化确认图标显示
showIcon();
}
/*
* 为‘日期时间选择框'添加‘清除'图标
* 该实现使用了 onChange 事件，如果用户需要该事件，可传入自定义函数，会自动回调 。