在使用UasyUI的时候,在一般的input输入框上添加class="easyui-textbox"属性,则在该输入框上添加的事件将不起作用,但是如果去掉class="easyui-textbox"变成一般的input则起作用。
控件的生成原理,它是把你原有的input隐藏,然后自己生成一个新的input,所以你点击的已经不是原来那个input也就没回应了。
目前我有三种方案,其中方案一最好,因为他是在EasyUI的基础上的方案,其他两种也能解决,但是方案二要加图标或按钮,相信大多人都不愿意,方案三是原生的JS起的作用。可以参考官网文档:http://www.jeasyui.com/documentation/textbox.php
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>textbox input events</title> <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <link rel="stylesheet" type="text/css" href="../demo.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> </head> <body> <h2>textbox input events</h2> <div style="margin:20px 0;"></div> <div class="easyui-panel" title="New Topic" style="width:400px"> <div style="padding:10px 60px 20px 60px"> <form id="ff" method="post"> <table cellpadding="5"> <tr> <td>Name:</td> <td><input class="easyui-textbox" type="text" id="name" name="name" data-options="required:true"></input></td> </tr> </table> </form> </div> </div> <script> $(function() { $('#name').textbox('textbox').bind('click', function() { alert(1); }); //$('#name').textbox({ //iconWidth : 15, //icons : [ { //iconCls : 'icon-add', //handler : function(e) { //alert(2); //} //} ] //}); //$('input', $('#name').next('span')).click(function() { //alert(3); //}); }); </script> </body> </html>
相关推荐
我们可以通过在文本框的data-options中指定events属性来绑定blur事件,如:<input class="easyui-textbox" data-options="events:{blur:getStaffno}" id="staffno"name="staffno" value="${user.staffno}"/> ...
在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素...
本文将深入探讨基于EasyUI的TextBox颜色选择器及其源码,帮助开发者理解这一组件的工作原理并实现自定义功能。 EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,使得开发者可以快速构建出美观、...
自己花了 一晚上搞出来的,没有找到合适的,最后自己根据观看博客的总结,做了此demo 下载运行即可
本篇文章将深入探讨如何在Silverlight环境下实现这一功能,以及如何利用正则表达式和事件处理器来限制`TextBox`控件的输入。 ### 一、理解Silverlight及TextBox **Silverlight**是Microsoft开发的一种用于创建富...
这里的关键在于“扩展”一词,意味着我们不会从头开始编写整个输入框组件,而是基于现有的EasyUI输入框(`input`)进行功能增强,添加单位显示和支持。 ### 标签解析:“easyui input 单位 扩展” 标签则提供了...
在上述代码中,`sender`参数代表引发事件的对象(在这个例子中是textBox1),而`KeyEventArgs`的`KeyCode`属性则用于识别按下的具体键。如果用户按下的是上箭头或下箭头键,我们可以在这里添加相应的逻辑,比如滚动...
在EasyUI的datetimebox中,虽然没有直接提供这个功能,但我们可以通过创建一个按钮并设置其点击事件来实现: ```javascript 今天 ``` ```javascript $("#todayButton").click(function() { var today = new Date...
对于“单击鼠标选择一个TextBox控件,控件背景色变红”,可以监听控件的MouseClick事件,然后更改选中TextBox的BackColor属性: ```csharp private void textBox_MouseClick(object sender, MouseEventArgs e) { ...
Easy UI 实现扫描枪扫二维码查询。使用Jquery掉去datagrid查询。
在给定的部分代码中,我们看到了如何为TextBox添加KeyPress事件处理器,用以限制输入到TextBox中的字符只能是数字。下面是对这段代码的详细解析: ```csharp private void txtPrice_KeyPress(object sender, ...
<input class="easyui-validatebox" required="true" missingMessage="请输入10位号码" validType="length[0,10]" invalidMessage="号码长度超过10位" /> ``` - **解释**:除了基础验证外,这里还设置了`validType...
EasyUI 是一个基于 jQuery 的轻量级前端框架,主要用于构建用户界面。它的设计目标是简化网页应用的开发,提供一套易于使用且功能丰富的组件,包括布局、表格、对话框、菜单、按钮、表单等。EasyUI 的核心理念是通过...
**jQuery EasyUI 1.3.2 API及Demo离线版本**是JavaScript开发中的一个宝贵资源,它包含了一系列用于快速构建用户界面的组件和工具。EasyUI是基于jQuery的一个轻量级框架,它极大地简化了网页开发过程,尤其是对于...
修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应... 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题
此外,TextBox的Change、KeyPress和TextChanged事件则与用户输入有关,可以在这类事件中添加代码来处理输入的文本。 在VB6(Visual Basic 6)中,我们可能会利用KeyPress事件来实现此功能,因为它会在用户按下键盘...
5. **事件驱动**:通过事件监听和处理机制,可以轻松实现用户操作的响应和控制逻辑。 6. **插件扩展**:EasyUI 具有良好的扩展性,可以通过编写插件来增加新的功能或组件。 7. **GPL 授权协议**:EasyUI 使用 GPL ...
使用方法: <input class="easyui-textbox" required="true" validType="number"/> 或者 <input class="easyui-textbox" data-options="required:true,validType:'number'" />
easyUI下拉列表可以通过input和select标签创建,select标签的data-options属性用于设置选项的值字段和显示字段,例如:;" class="easyui-combobox" data-options="valueField:'id',textField:'text',editable:false...