.net+easyui系列--搜索框

<input id="ss" style="width: 320px"> </input>
        <div id="mm" style="width: 120px">
            <div data-options="name:'all',iconCls:'icon-ok'">
                选择1</div>
            <div data-options="name:'sports',iconCls:'icon-add'">
                选择2</div>
	</div>

其中 iconCls 是按钮的样式

JS的点击事件控制：

//搜索框点击事件
$('#ss').searchbox({
                searcher: function (value, name) {
                    alert(value + "," + name)
                },
                menu: '#mm',
                //默认显示的内容
                PRompt: 'Please Input Value'
            });

 //选择当前的搜索类型名称。           
 $('#ss').searchbox('selectName', 'sports');

效果图：

相关阅读 >>

新手学习.net编程计划-2（数据库的基础及应用）

.net和c#有什么区别

.net core mvc实现一个在线房间棋牌游戏微信支付和及时通讯的简易框架

.net winform的gdi双缓冲的实现方法_实用技巧

.net中创建webservice服务的实例分析（图文）

c#如何在图片增加文字的示例代码分享

正则表达式抓取网页信息

c#中关于list<t>的并集与交集以及差集解析

在.net core类库中使用ef core迁移数据库到sql server的方法_实用技巧

c#和.net是一个东西吗?c#与.net的区别与联系

更多相关阅读请进入《.net》频道 >>

书籍

C#高级编程(第11版) C# 7 & .NET Core 2.0（.NET开发经典名著）

￥125.8元   清华大学出版社

作者:[美]克里斯琴·内格尔（Christian Nagel）著。出版时间：2019年3月。

转载请注明出处：木庄网络博客 » .net+easyui系列--搜索框