rush:js;">
/*
* 为‘文本框'列表
添加‘清除'图标
* 该实现使用了 onChange 事件,如果
用户需要该事件,可传入
自定义函数,会
自动回调 。
*/
function addClear4Text
Box(theId,onChangeFun)
{
var theObj = $(theId);
//根据当前值,确定是否
显示清除图标
var showIcon = function(){
var icon = theObj.text
Box('getIcon',0);
if (theObj.text
Box('getValue')){
icon.css('visibility','visible');
} else {
icon.css('visibility','hidden');
}
};
theObj.text
Box({
//
添加清除图标
icons:[{
iconCls:'icon-clear',handler: function(e){
theObj.text
Box('clear');
}
}],//值改变时,根据值,确定是否
显示清除图标
onChange:function(){
if(onChangeFun)
{
onChangeFun();
}
showIcon();
}
});
//根据目前值,确定是否
显示清除图标
showIcon();
}
/*
* 为‘下拉列表框'
添加‘清除'图标
* 该实现使用了 onChange 事件,如果
用户需要该事件,可传入
自定义函数,会
自动回调 。
*/
function addClear4Combo
Box(theId,onChangeFun)
{
var theObj = $(theId);
//根据当前值,确定是否
显示清除图标
var showIcon = function(){
var icon = theObj.combo
Box('getIcon',0);
if (theObj.combo
Box('getValue')){
icon.css('visibility','hidden');
}
};
theObj.combo
Box({
//
添加清除图标
icons:[{
iconCls:'icon-clear',handler: function(e){
theObj.combo
Box('clear');
}
}],//值改变时,根据值,确定是否
显示清除图标
onChange:function(){
if(onChangeFun)
{
onChangeFun();
}
showIcon();
}
});
//初始化确认图标
显示
showIcon();
}
/*
* 为‘数据表格下拉框'
添加‘清除'图标
* 该实现使用了 onChange 事件,如果
用户需要该事件,可传入
自定义函数,会
自动回调 。
*/
function addClear4Combogrid(theId,onChangeFun)
{
var theObj = $(theId);
//根据当前值,确定是否
显示清除图标
var showIcon = function(){
var icon = theObj.combogrid('getIcon',0);
if (theObj.combogrid('getValue')){
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 addClear4Number
Box(theId,onChangeFun)
{
var theObj = $(theId);
//根据当前值,确定是否
显示清除图标
var showIcon = function(){
var icon = theObj.number
Box('getIcon',0);
if (theObj.number
Box('getValue')){
icon.css('visibility','hidden');
}
};
theObj.number
Box({
//
添加清除图标
icons:[{
iconCls:'icon-clear',handler: function(e){
theObj.number
Box('clear');
}
}],//值改变时,根据值,确定是否
显示清除图标
onChange:function(){
if(onChangeFun)
{
onChangeFun();
}
showIcon();
}
});
//初始化确认图标
显示
showIcon();
}
/*
* 为‘日期选择框'
添加‘清除'图标
* 该实现使用了 onChange 事件,如果
用户需要该事件,可传入
自定义函数,会
自动回调 。
*/
function addClear4Date
Box(theId,onChangeFun)
{
var theObj = $(theId);
//根据当前值,确定是否
显示清除图标
var showIcon = function(){
var icon = theObj.date
Box('getIcon',0);
if (theObj.date
Box('getValue')){
icon.css('visibility','hidden');
}
};
theObj.date
Box({
//
添加清除图标
icons:[{
iconCls:'icon-clear',handler: function(e){
theObj.date
Box('clear');
}
}],//值改变时,根据值,确定是否
显示清除图标
onChange:function(){
if(onChangeFun)
{
onChangeFun();
}
showIcon();
}
});
//初始化确认图标
显示
showIcon();
}
/*
* 为‘日期
时间选择框'
添加‘清除'图标
* 该实现使用了 onChange 事件,如果
用户需要该事件,可传入
自定义函数,会
自动回调 。
*/
function addClear4Datetime
Box(theId,onChangeFun)
{
var theObj = $(theId);
//根据当前值,确定是否
显示清除图标
var showIcon = function(){
var icon = theObj.datetime
Box('getIcon',0);
if (theObj.datetime
Box('getValue')){
icon.css('visibility','hidden');
}
};
theObj.datetime
Box({
//
添加清除图标
icons:[{
iconCls:'icon-clear',handler: function(e){
theObj.datetime
Box('clear');
}
}],//值改变时,根据值,确定是否
显示清除图标
onChange:function(){
if(onChangeFun)
{
onChangeFun();
}
showIcon();
}
});
//初始化确认图标
显示
showIcon();
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。