灵活的 WEB 下拉组件 TinySelect

TinySelect，一个灵活的 WEB 下拉组件。提供了一组易用的操作接口。这些接口除了取值类的，其它都返回了下拉组件的实例，也就是说非取值类的接口可以进行链式调用。

TinySelect 是一个以灵活为目标的WEB下拉组件。旨在通过灵活的接口和用法，适应各种不同的场景

单选/多选
提供过滤框以通过关键字简单过滤数据
编程显示/隐藏下拉框
编程过滤数据，可以是关键字或函数
持select、unselect和ready事件
支持设置初始值
支持后加载数据/重新加载数据
编程设置下拉组件只读属性
丰富的初始化选项，并且可以通过选项设置样式
提供多种渲染器的自定义支持，如：下拉项，header，footer和选中结果
可以设置部分数据的显示模板
支持数据项的异步渲染
支持多种显示模式：下拉(dropdown, 默认)、列表(list)、弹出(popup)
支持多种数据项布局：列表(list, 默认)、网格(grid)、表格(table)
支持键盘操作移动与选择项

文章转载自 开源中国社区 [http://www.oschina.net]

时间： 2024-08-01 22:04:39

灵活的 WEB 下拉组件 TinySelect的相关文章

来自国外的30个基于jquery的Web下拉菜单_jquery

jQuerySmooth Navigation Menu Simple Drop Down Menu Plugin Dropdown, iPod Drilldown, and Flyout styles   jQuery and CSS Example Create the Fanciest Drop Down Menu You Ever Saw A Different Top Navigation Simple jQuery Dropdowns Sexy Drop Down Menu with

jQuery Easyui 下拉树组件combotree_jquery

jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多,只是在显示上有点差别:一个显示成树状结构,一个显示成列表结构. 项目中做角色授权时,需要做一个下拉框带树结构的 并且可以多选的组件,就想到了easyui的combotree,有关这个组件的用法废话不多说,直接上代码 $('#bianhao').combotree({ url : urlg2 + '/tbdefaultroll/selectByLevel?belongLevel=' + $('#jibie').comb

BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)_javascript技巧

接着上篇的内容,在上篇给大家介绍了Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 官方:http://twitter.github.io/typeahead.js/ 示例:http://twitter.github.io/typeahead.js/examples/(本

CSS制作的符合WEB标准的下拉导航菜单

css|web|web标准|菜单|导航|下拉 <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css菜单演示</title><styl

符合WEB标准的下拉导航菜单例子

web|web标准|菜单|下拉 <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css菜单演示</title><style type=

ASP.NET实现下拉框二级联动组件

asp.net|下拉 namespace WebApplicationDlh { using System; using System.Data; using System.Drawing; using System.Web; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using System.Data.SqlClient; using Db; /// <summary> /// Area 的摘要说明.

Android下拉刷新、滚动到底部自动加载更多RecyclerView组件

收集下拉刷新,滚动到底部加载更多以及添加header功能的的RecyclerView. 开源组件: Android HeaderAndFooterRecyclerView(强烈推荐) ExRecyclerView PullRefreshLoadRecyclerView ExRecyclerView 具体移步:http://blog.csdn.net/jdsjlzx/article/details/50462247

flex 监听事件-flex中的datefield组件中点击下拉选择日期改变时派发事件

问题描述 flex中的datefield组件中点击下拉选择日期改变时派发事件 如题,我需要在选择日期时监听change事件,执行脚本,但是为什么每次会执行两次脚本. 怎么可以控制只在选择日期之后派发,而在点击时不派发. /** 添加监听事件 / this.addEventListener(CalendarLayoutChangeEvent.CHANGE, selectedChange); /* 对象更改处理函数 */ protected function selectedChange(event

Android打造通用的下拉刷新组件

还记得上一篇 blog 的内容吗?如果不记得建议先去了解一下,Android 事件处理全面剖析 ,因为下拉刷新需要用到手势的处理,而上一篇文章中,对事件处理做了很详细的说明,了解了事件的处理机制,对理解本篇文章有很大的帮助.好了,这里就当大家都已经对事件处理有了一定的了解,开始我们的下拉刷新征程. 还是老规矩,先上效果图,再根据效果图来分析实现的原理:  一 .分析原理  我们都知道,listView 控件为我们提供了 addHeaderView.和 addFootView 的方法,我们通过此方