.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+easyui系列--搜索框

相关阅读 >>

.net中core使用socket与树莓派进行通信的实例分析(图文)

详解.net 同步与异步 之 mutex

c#中实现复制与删除文件的方法

.net实现简易的文件增量备份程序

十大开源的.net用户界面框架

使用c#操作windowad之的windows用户组

.net实现后台登录验证

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

详细介绍.net技术大系概览?(图)

c#与vb.net混合开发测试的详细介绍(图文)

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




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...