bob体育官方平台
EasyUI为Numberbox增添blur事件的不二等秘书技_jquery_脚本之家

EasyUI为Numberbox增多blur事件的方法:

什么样减轻easyui自定义标签 datagrid edit combobox 手动输入保存不上,

选用onEndEdit事件(该事件能够赢拿到editor对象,onAfterEdit事件获得不到Editor对象)
由此editor获得输入数据并保存。

int ci = 0;
for(Column col : columnList ){
for(Combobox cbb : col.getCombobox()){
if(cbb != null){
str += "var ed" + ci + " = $j("#"+RandomNumber+"").datagrid("getEditor",{index:rowIndex,field:""+col.getField()+""});" ;
str += "var val" + ci + " = ed" + ci + ".target.combobox('getText');" ;
str += "rowData["" + col.getField() + ""] = val" + ci + ";";
ci++;
}
}
}

以上内容是小编给大家介绍的怎么样解决easyui自定义标签 datagrid edit combobox 手动输入保存不上的整套陈说,希望对我们有所扶助。

1、背景

为名为'txtCouponRateParam'的Numberbox添加blur事件

您大概感兴趣的稿子:

  • 扩展easyui.datagrid,添扩张少loading遮罩效果代码
  • Extjs EditorGridPanel中Combo博克斯列的显得难点
  • jQuery EasyUI API 汉语文书档案 - DataGrid数据表格
  • ASP.NET MVC使用EasyUI的datagrid多选提交保存教程
  • ASP.NET MVC中EasyUI的datagrid跨域调用实今世码
  • PHP – EasyUI DataGrid 资料存的章程介绍
  • jQuery easyui datagrid动态查询数据实例讲解
  • JQueryEasyUI datagrid框架的主干使用
  • Jquery下EasyUI组件中的DataGrid结果集清空方法

datagrid edit combobox 手动输入保存不上, 使用onEndEdit事件(该事件能够取获得editor对象,onAfterEdit事件拿到不到Edi...

在使用 EasyUI 各表单组件时,特别是使用 ComboBox、DateTimeBox那多少个零件时,平日常有这样的须要,下拉框或日期只同意采用、不一样意手动输入,这个时候只要在组件选项中参加editable:false 就足以兑现,但有一个标题,便是:风华正茂旦采用了,无法清空。经过钻探,能够用三个变化的实施方案:给组件加上一个“消灭”开关,当有值是,展现按钮,点击开关可清空值,当无值是,隐敝开关。

$("#txtCouponRateParam").numberbox;$("#txtCouponRateParam").next.first{ //方法体});

2、函数定义

上述所述是小编给大家介绍的EasyUI为Numberbox加多blur事件的法子,希望对大家持有利于,如果大家有其他难题招待给笔者留言,作者会及时还原我们的!

定义JS方法,为 EasyUI 中有的常用组件增多'消释'开关及职能。共计6个:

/* * 为‘文本框'列表添加‘清除'图标 * 该实现使用了 onChange 事件,如果用户需要该事件,可传入自定义函数,会自动回调 。 */function addClear4TextBox{ var theObj = $; //根据当前值,确定是否显示清除图标 var showIcon = function(){ var icon = theObj.textbox; if (theObj.textbox{ icon.css('visibility','visible'); } else { icon.css('visibility','hidden'); } }; theObj.textbox({ //添加清除图标 icons:[{ iconCls:'icon-clear', handler: function{ theObj.textbox; } }], //值改变时,根据值,确定是否显示清除图标 onChange:function { onChangeFun; //根据目前值,确定是否显示清除图标 showIcon();}/* * 为‘下拉列表框'添加‘清除'图标 * 该实现使用了 onChange 事件,如果用户需要该事件,可传入自定义函数,会自动回调 。 */function addClear4Combobox{ var theObj = $; //根据当前值,确定是否显示清除图标 var showIcon = function(){ var icon = theObj.combobox; if (theObj.combobox{ icon.css('visibility','visible'); } else { icon.css('visibility','hidden'); } }; theObj.combobox({ //添加清除图标 icons:[{ iconCls:'icon-clear', handler: function{ theObj.combobox; } }], //值改变时,根据值,确定是否显示清除图标 onChange:function { onChangeFun; //初始化确认图标显示 showIcon();}/* * 为‘数据表格下拉框'添加‘清除'图标 * 该实现使用了 onChange 事件,如果用户需要该事件,可传入自定义函数,会自动回调 。 */function addClear4Combogrid{ var theObj = $; //根据当前值,确定是否显示清除图标 var showIcon = function(){ var icon = theObj.combogrid; if (theObj.combogrid{ icon.css('visibility','visible'); } else { icon.css('visibility','hidden'); } }; theObj.combogrid({ //添加清除图标 icons:[{ iconCls:'icon-clear', handler: function{ theObj.combogrid; } }], //值改变时,根据值,确定是否显示清除图标 onChange:function { onChangeFun; //初始化确认图标显示 showIcon();}/* * 为‘数值输入框'添加‘清除'图标 * 该实现使用了 onChange 事件,如果用户需要该事件,可传入自定义函数,会自动回调 。 */function addClear4Numberbox{ var theObj = $; //根据当前值,确定是否显示清除图标 var showIcon = function(){ var icon = theObj.numberbox; if (theObj.numberbox{ icon.css('visibility','visible'); } else { icon.css('visibility','hidden'); } }; theObj.numberbox({ //添加清除图标 icons:[{ iconCls:'icon-clear', handler: function{ theObj.numberbox; } }], //值改变时,根据值,确定是否显示清除图标 onChange:function { onChangeFun; //初始化确认图标显示 showIcon();}/* * 为‘日期选择框'添加‘清除'图标 * 该实现使用了 onChange 事件,如果用户需要该事件,可传入自定义函数,会自动回调 。 */function addClear4Datebox{ var theObj = $; //根据当前值,确定是否显示清除图标 var showIcon = function(){ var icon = theObj.datebox; if (theObj.datebox{ icon.css('visibility','visible'); } else { icon.css('visibility','hidden'); } }; theObj.datebox({ //添加清除图标 icons:[{ iconCls:'icon-clear', handler: function{ theObj.datebox; } }], //值改变时,根据值,确定是否显示清除图标 onChange:function { onChangeFun; //初始化确认图标显示 showIcon();}/* * 为‘日期时间选择框'添加‘清除'图标 * 该实现使用了 onChange 事件,如果用户需要该事件,可传入自定义函数,会自动回调 。 */function addClear4Datetimebox{ var theObj = $; //根据当前值,确定是否显示清除图标 var showIcon = function(){ var icon = theObj.datetimebox; if (theObj.datetimebox{ icon.css('visibility','visible'); } else { icon.css('visibility','hidden'); } }; theObj.datetimebox({ //添加清除图标 icons:[{ iconCls:'icon-clear', handler: function{ theObj.datetimebox; } }], //值改变时,根据值,确定是否显示清除图标 onChange:function { onChangeFun; //初始化确认图标显示 showIcon();}
上一篇:没有了 下一篇:没有了
返回顶部