基于Jquery的输入下拉框插件:FlexBox插件
一 下载地址
http://www.fairwaytech.com/flexbox 可以下载例子和相关文档,总共有十个示例代码供大家参考。
二 引入相关文件
<link rel="stylesheet" type="text/css" href="<%=path%>/css/jquery.flexbox.css" />
<script type='text/javascript' src='<%=path%>/js/jquery1.4.2-min.js'></script>
<script type="text/javascript" src="<%=path%>/js/jquery.flexbox.js"></script>
三 相关JavaScript代码
<script type="text/javascript">
$(document).ready(function (){ $("#ffb1").flexbox ('queryCombox.action',
{
resultTemplate:'<div class="col1">{name}</div>',
paging: {
style: 'input',
cssClass: 'paging',
pageSize: 6,
showSummary: true,
summaryClass: 'summary',
maxPageLinks: 5,
summaryTemplate: 'Displaying {start}-{end} of {total} results'
}
});
});
</script>
{name}在JSON的键名字
{"total":18,"results":[{"id":"1001","name":"wangwu"},{"id":"1002","name":"wangliu"},{"id":"1003","name":"wangqi"},{"id":"2001","name":"王海"},{"id":"2002","name":"王成凯"},{"id":"2003","name":"王雨"},{"id":"2004","name":"王蒙"},{"id":"2005","name":"王依"},{"id":"2006","name":"王静"},{"id":"2007","name":"王酷"},{"id":"2008","name":"王过洋"},{"id":"2009","name":"王金龙"},{"id":"2010","name":"王浩"},{"id":"2011","name":"王海"},{"id":"2012","name":"陈浩"},{"id":"2013","name":"陈成"},{"id":"2014","name":"陈五"},{"id":"2015","name":"陈六"}]}
四 后台分页需要的参数
FlexBox默认的Ajax提交方式Get,可以在FirBug可以看到请求传递的参数,
S代表分页大小,P代表当前页数
五 效果图
- 大小: 13 KB
分享到:
相关推荐
jquery flexbox 下拉框插件 里面有demo
jQuery自定义下拉框插件 jQuery自定义下拉框插件 jQuery自定义下拉框插件 jQuery自定义下拉框插件 jQuery自定义下拉框插件 jQuery自定义下拉框插件
强大的jquery下拉框插件 下拉框展示带列表分页功能,适合下拉框大量数据展示 下拉框带快速查找,可以快速筛选 支持多选 基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架的原生HTML环境 Autocomplete输入自动...
jquery select下拉框插件,支持实时搜索,分页
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
jquery.multi-select.js是一款jQuery多选下拉框插件。该插件可以将select元素转换为带checkbox的多选下拉框,非常实用。
这是一款带图标的jQuery自定义下拉框插件。该jquery插件可以动js代码中动态渲染下拉框的选项,生成带图标的下拉框选项,非常实用。
jQuery下拉框美化插件是一款带图标的5种主题方形select下拉框选择美化样式代码。
插件描述:jQuery智能下拉框插件chosenmaster。 参考示例:http://www.jq22.com/jquery-info4996
jQuery手机下拉框select jQuery手机下拉框select jQuery手机下拉框select
绑定动态数据的jquery下拉框插件 绑定动态数据的jquery下拉框插件
带搜索框的jQuery下拉框插件
jQuery下拉框美化插件selectList是一款简单、轻量级、跨浏览器的jquery下拉框模拟插件,支持键盘操作选项、支持ESC关闭下拉框。
使用jquery实现的风格的多选下拉框demo,直接打开index.html就可以使用。适合集成到后台系统的多选下拉框业务场景
带搜索框的jQuery下拉框美化插件;带搜索框的jQuery下拉框美化插件;带搜索框的jQuery下拉框美化插件
jQuery搜索下拉框选择菜单插件是一款支持下拉,分页,键盘操作,鼠标右键查看等功能。 jQuery搜索下拉框选择菜单插件截图
jQuery Select下拉框分类菜单多选插件一款功能比较全面的自定义下拉菜单选项多选代码,除了可以对选项进行分类,还带有搜索功能。
引入js文件 [removed][removed] [removed][removed] [removed][removed] [removed][removed] [removed][removed]
jQuery城市下拉框菜单选择代码
jQuery下拉框美化插件DropKick。