jquery easyui textbox添加事件不起作用的解决办法
2015-06-11 13:18
676 查看
最近在使用jquery easyui,感觉挺不错的,可以轻松实现前台效果,但是在做一个input输入框的时候,我想为某个文本框添加一个失去焦点的时间出问题了,传统的在input上添加onblur="fun()"不起作用,这个可以理解,因为像这种前台组件,肯定都是封装过的,使用了他们的组件样式,相当于把我们原来的组件隐藏了,然后有jquery easyui重建创建了对应的组件,要添加对应事件,应该用他们对应的方法,比如在data-options中定义事件
例如:
<input class="easyui-textbox" type="text" id="code" name="code" data-options="prompt:'唯一代码',required:true" missingMessage="名称不能为空"></input>
这里不能再使用onblur="fun()"了
有两种方法可以添加一些data-options没有定义的事件(因为jui本身会为组件定义一些方法)
方法一,也是jui手册所说的方法:
$("#code").textbox('textbox').bind("click", function () { alert ("aaaaa")})
手册说明:
Methods:textbox
Description:Return the textbox object. The user can bind any events to this editing box.
个人推荐
方法二
$("input",$("#code").next("span")).blur(function(){
alert("ok");
});
例如:
<input class="easyui-textbox" type="text" id="code" name="code" data-options="prompt:'唯一代码',required:true" missingMessage="名称不能为空"></input>
这里不能再使用onblur="fun()"了
有两种方法可以添加一些data-options没有定义的事件(因为jui本身会为组件定义一些方法)
方法一,也是jui手册所说的方法:
$("#code").textbox('textbox').bind("click", function () { alert ("aaaaa")})
手册说明:
Methods:textbox
Description:Return the textbox object. The user can bind any events to this editing box.
个人推荐
方法二
$("input",$("#code").next("span")).blur(function(){
alert("ok");
});
相关文章推荐
- VB的TextBox文本框实现垂直居中显示的方法
- WinForm实现为TextBox设置水印文字功能
- VB.NET中TextBox的智能感知应用实例
- C#与js实现去除textbox文本框里面重复记录的方法
- asp.net中绑定TextBox回车事件的解决方法
- TextBox的宽度随输入的文本的大小而改变的js代码
- .NET中TextBox控件设置ReadOnly=true后台取不到值三种解决方法
- asp.net TextBox回车触发事件 图片在img显示
- asp.net TextBox控件设置ReadOnly后,不能回传。
- C# TextBox 扩展方法数据验证详细说明
- C#中winform控制textbox输入只能为数字的方法
- Asp.net TextBox的TextChanged事件使用介绍
- Winform之TextBox输入日期格式验证yyyy-mm-dd
- ASP.NET中TextBox使用Ajax控件显示日期不全的问题解决方法
- asp.net Textbox服务器控件
- ASP.net Textbox的技巧使用
- Asp.net之TextBox只允许输入数字的方法总结
- 实现DataList的编辑功能
- [HTML+Javascript]不同网页视窗间传递参数
- pdf asp.net