EasyUI - SearchBox 搜索框
2015-10-17 18:16
309 查看
效果:
![](http://images2015.cnblogs.com/blog/690985/201510/690985-20151017181602866-1681180821.png)
html代码:
JavaScript代码:
![](http://images2015.cnblogs.com/blog/690985/201510/690985-20151017181602866-1681180821.png)
html代码:
<input id="ss"/> <div id="mm"> <div data-options="name:'所有频道',iconCls:'icon-ok'">所有频道</div> <div data-options="name:'新闻频道'">新闻频道</div> </div>
JavaScript代码:
$(function () { $('#ss').searchbox({ width:300, menu: '#mm', prompt: '请输入搜索内容…………', searcher:function(value, name){ alert(value+","+name); }, }); })
相关文章推荐
- UI----Touch
- 定制Segue - OverlaySegue
- EasyUI - pagination 分页组件
- UI--Gesture
- NGUI实现输入框和进度条
- 第一篇 UEditor入门部署和体验
- leetcode : 4 Median of Two Sorted Arrays
- POJ 3368 Frequent values
- 【学习总结】UIGestureRecognizer(手势识别器)
- EasyUI - SplitButton 分割按钮
- Android中bluetooth的架构
- Android Bluetooth蓝牙开发\蓝牙协议\蓝牙通信例子_Android支持蓝牙4.0版本_BLE开发
- EasyUI - Menu 菜单
- UISearchBar自定义取消按钮
- 读《认知与设计:理解UI设计准则》第二章
- EasyUI - Messager消息框
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 63 Unique Paths II
- Java基础编程8-特殊流程控制语句-continue的用法
- IOS 轮播图(UIScrollView)