4.自动填充类
(1) AutoComplete-JQueryjQuery插件易于集成到现在的表单中(Form)。
![](http://www.open-open.com/ajax/pimage/jq_auto_script.jpg)
二手图书 二手书 特价书 旧书网
(2)Facebook like Autocomplete
基于jQuery开发,类似于FaceBoox提供的AutoCompleter。二手图书 二手书 特价书 旧书网
![](http://www.open-open.com/ajax/pimage/facebook_searchengine.png)
(3)jQuery Autocomplete Mod 热点图书:www.hotbook.cn
jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。![](http://www.open-open.com/ajax/pimage/9jan0800.jpg)
(4)jqac 热点图书:www.hotbook.cn
基于Jquery开发的Autocomplete插件。具有易于使用,配置简单,既可以利用Ajax读取数据也可以直接从本地获取数据。![](http://www.open-open.com/ajax/pimage/jqac_snapshot.png)
(5)jQuery Tag Suggestion
类似于del.icio.us提供的tag suggesting功能。![](http://www.open-open.com/ajax/pimage/2jan0808.jpg)
(6)Autocomplete-jQuery ajax
利用 jQuery(Ajax),PHP和MySQL开发的AutoCompleter。![](http://www.open-open.com/ajax/pimage/AutoComplete_1.png)
(7)jQuery.Suggest 热点图书:www.hotbook.cn
跨浏览器支持,基于jQuery开发的Autocomplete library。![](http://www.open-open.com/ajax/pimage/092300.jpg)
(8)Autocomplete- jQuery plugin
一个jQuery Autocompleter,提供缓存选项来限制对服务器的请求。![](http://www.open-open.com/ajax/pimage/072902.jpg)
(9)jQuery plugin: Autocomplete
自动完成输入框值让用户能够快速查找和过滤某些值。![](http://www.open-open.com/ajax/pimage/Autocomplete.jpg)
(10)jSuggest
模仿Google Suggest功能的AutoComplete jQuery插件。![](http://www.open-open.com/ajax/pimage/test.gif)
(11)jQuery Live Ajax Search Plug-in 热点图书:www.hotbook.cn
采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义,内容展示是一个HTML页面。![](http://www.open-open.com/ajax/pimage/Ajax_jquery.jpg)
(12)ddcombobox
带AutoComplete功能的下拉选择框jQuery插件。![](http://www.open-open.com/ajax/pimage/ddcombobox.jpg)
(13)Kissy Suggest
重写后的组件压缩后约 10k, 仅依赖 YUI2 的 yahoo-dom-event. 目前在淘宝已全面应用一个多月。现在开源出来,希望能对需要此功能的兄弟们有所帮助。源码地址:
http://kissy.googlecode.com/svn/trunk/src/suggest/ 热点图书:www.hotbook.cn
suggest-yui2.js 是源码,test.html 是测试页面,demo.html 是实例,demo-google.html 是利用该组件给谷歌恢复搜索提示的小玩意。如果在项目中真实使用,需要加载以下两个文件:
http://kissy.googlecode.com/svn/trunk/lib/yui2/yahoo-dom-event.js http://kissy.googlecode.com/svn/trunk/build/suggest/suggest-yui2-min.js
可以很自信地说:这个组件目前无论在细节还是性能上,都是数一数二的。
欢迎试用和有效的建议。
PS:很感慨 Google 的产品,精致小巧,非常注意细节。Google 英文首页的搜索提示,看似简单,但极不简单。对键盘和鼠标等事件的细节处理上,没有看到比 Google 做得更好的。Kissy Suggest 在交互细节上基本上做到了和 Google 的一样,同时增加了对本土输入法的支持
(14)apple风格的自动填充效果
5.分页类
(1)jQuery Pagination
jQuery分页插件![](http://www.open-open.com/ajax/pimage/Pagination.jpg)
jQuery Pagination 热点图书:www.hotbook.cn
(2)pager jQuery plug-in
![](http://www.open-open.com/ajax/resource/von.gif)
jQuery分页插件。
![](http://www.open-open.com/ajax/pimage/pager_jQuery_plug-in.jpg)
pager jQuery plug-in
(3)JQuery Pager
![](http://www.open-open.com/ajax/resource/von.gif)
一个利用jQuery开发的分页UI控件,可用于数据驱动的web应用程序中。
![](http://www.open-open.com/ajax/pimage/JQuery_Pager.jpg)
JQuery Pager
6.编辑器类
(1)jwysiwyg
WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。
(2)Damn Small Rich Text Editor
基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。
Damn Small Rich Text Editor 热点图书:www.hotbook.cn
(3)xhEditor
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。
编辑器组件采用LGPL协议开放源代码,您可以任意修改,并使用在您商业或者非商业系统中。同样,您也可以任意的学习和参考我们的源代码。若您对本编辑器代码进行改动或者再开发并对外发布的话,请您也使用LGPL协议来开放您的源代码,谢谢。
最新0.9.5版程序下载:http://code.google.com/p/xheditor/downloads/list
演示程序:
-
自定义按钮:http://static.pirate9.com/js/xheditor_demos/demo2.html
-
Javascript交互:http://static.pirate9.com/js/xheditor_demos/demo5.html
-
非utf-8编码网页调用:http://static.pirate9.com/js/xheditor_demos/demo6.html
-
UBB可视化编辑:http://static.pirate9.com/js/xheditor_demos/demo7.html
-
Ajax图片上传:http://static.pirate9.com/js/xheditor_demos/demo8.html
7.表格类
(1)Flexigrid
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
![](http://www.open-open.com/ajax/pimage/Flexigrid.jpg)
Flexigrid
(2)Ingrid
![](http://www.open-open.com/ajax/resource/von.gif)
这个jQuery DataGrid提供的功能有:可以拖动调整列宽,分页,排序,设置行/列样式等。
![](http://www.open-open.com/ajax/pimage/Ingrid.jpg)
Ingrid
(3)jQuery Grid
![](http://www.open-open.com/ajax/resource/von.gif)
jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择,支持子表格,集成日期选择控件等等。
Demo 热点图书:www.hotbook.cn
![](http://www.open-open.com/ajax/pimage/jqGrid.jpg)
jQuery Grid
(4)tableHover
![](http://www.open-open.com/ajax/resource/von.gif)
tableHover一个jQuery插件当鼠标经过时,能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。
![](http://www.open-open.com/ajax/pimage/tableHover.jpg)
tableHover 热点图书:www.hotbook.cn
(5)JQuery.Resizer
![](http://www.open-open.com/ajax/resource/von.gif)
一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。
JQuery.Resizer
(6)tablesorter
![](http://www.open-open.com/ajax/resource/von.gif)
tablesorter 这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序,支持二级隐藏排序,支持多种浏览器:IE6.0+、FF2+、Safari2.0+、Opera9.0+。
![](http://www.open-open.com/ajax/pimage/tablesorter.jpg)
tablesorter
(7)csv2table
![](http://www.open-open.com/ajax/resource/von.gif)
csv2table这个插件能够将CVS文件(利用Excel创建)的内容转换成HTML Table。
jQuery表格排序插件,点击表格中对应列的头部单元,表格立即重新排序。
(8)tableFormSynch
tableFormSynch 是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括:基于表单中的数据,新增行。删除所选择行,并清除表单中的所有数据。 tableFormSynch支持所有表单控件包括:checkboxes、radio、buttons 与