EasyUI 中easyui-textbox和easyui-searchbox文本框的点击事件。

最新推荐文章于 2021-06-15 11:29:58 发布

转载最新推荐文章于 2021-06-15 11:29:58 发布 · 514 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/longdb/p/7612651.html

文章标签：

#javascript #ViewUI

本文介绍如何在EasyUI中使用查询框组件实现搜索功能。通过两个不同类型的查询框，即textbox和searchbox，演示了点击按钮触发查询事件及自定义搜索函数的方法。示例代码展示了如何设置组件样式并绑定事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html:

 <input id="txtsearch" class="easyui-textbox" data-options="buttonText:'查询',prompt:'Search...'" style="width:inherit"/>
       <input id="ssearch" class="easyui-searchbox" data-options="prompt:'Please Input Value',searcher:doSearch" style="width:inherit" />

js:

        //easyui-textbox点击事件。
        $(function(){
            $("#txtsearch").textbox({onClickButton:function(){
                alert($("#txtsearch").val());
                $("#dg").datagrid('reload', {
                    bobject: $("#txtsearch").val(),
                    bscore: '90'
                });
            }})
        })

            //easyui-textbox点击事件。
        $(function(){
            $("#txtsearch").textbox({onClickButton:function(){
                alert($("#txtsearch").val());
                $("#dg").datagrid('reload', {
                    bobject: $("#txtsearch").val(),
                    bscore: '90'
                });
            }})
        })

    //doSearch
    function doSearch()
  {

     $("#dg").datagrid('reload', {
     bobject: $("#ssearch").val(),
     bscore: '90'
   });

  }

转载于:https://www.cnblogs.com/longdb/p/7612651.html