技术CTO-关注编程入门知识,提供编程入门教程

您的位置: 首页 > 前端开发 > javascript > 正文

easyui textbox事件,该如何解决

来源: 技术CTO 阅读:

easyui textbox事件
如何为easyui textbox文本框添加事件,我用了
 <td align="right">
              <td align="right">
                                    客户
                                </td>
                                <td align="left">
                                    <input type="text" class="easyui-textbox style_input" id="TxtClientName"   onclick="ShowClient(); return false" name="TxtClientName" />

添加事件时不起作用,但是如果去掉class="easyui-textbox 变成一般的input则其作用,谁用过啊?
------解决方案--------------------
没遇到楼主情况,点击事件和class="easyui-textbox"easyui样式应该是没关系的
------解决方案--------------------
自带的由函数吧
------解决方案--------------------
你要理解一下控件的生成原理。它是把你原有的input隐藏,然后自己生成一个新的input,所以你点击的已经不是原来那个input也就没回应了。
其实你应该使用它的方法来添加事件:onClickButton或onClickIcon(点击图标发生)

$(function(){
    $("#TxtClientName").textbox({onClickButton:function(){
        ShowClient();
    }})
})

------解决方案--------------------
或者直接添加属性:<input type="text" class="easyui-textbox style_input" id="TxtClientName" data-options="onClickButton:function(){ShowClient()}" name="TxtClientName" />
------解决方案--------------------
<input type="text" class="easyui-textbox" id="TxtClientName" data-options="buttonText:'click',iconCls:'icon-search',onClickButton:function(){alert('onClickButton')}" name="TxtClientName" />
onClickButton:意思是点击按钮
------解决方案--------------------
特殊需求特殊方法:

<input type="text" class="easyui-textbox" id="TxtClientName" name="TxtClientName" />
<script type="text/javascript">
$(function(){
    $("input",$("#TxtClientName").next("span")).click(function(){
        alert("ok");
    });
})
</script>

^_^ 如果您热爱技术、热爱编程,想与更多的朋友一起交流学习,欢迎加入本站官方QQ群:345733473 ^_^