[刘阳Java]_eayui-searchbox搜索组件_第6讲
EasyUI中搜索框也是常用的基本组件,可以用到条件搜索中
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 1.引入jquery.min.js 2.引入jquery.easyui.min.js 3.引入jqueryeasyui的css 4.引入国际化资源文件 EasyUI创建组件有两种方式 1.html方式创建(推荐使用data-options方式来添加组件属性, data-options方式是html5) 2.js方式创建, 属性的添加是一种json格式风格 --> <script type="text/javascript" src="../easyui/jquery.min.js"></script> <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script> <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css"> <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script> <style type="text/css"> </style> <script type="text/javascript"> function qq(value,name) { console.log(value+" === " +name); } </script> </head> <body> <input class="easyui-searchbox" data-options="prompt:'请输入要搜索的值',searcher:qq,menu:'#mm'"> <div id="mm"> <div data-options="name:'man',iconCls:'icon-cut'">男人</div> <div data-options="name:'woman',iconCls:'icon-print'">女人</div> </div> </body> </html>