vue学习第25天,数据排序 分页 使用滚动加载插件
2017-12-06 21:40
363 查看
1,通过 mongoose 插件来访问 mongoDB 数据库 通过 mongoose 的 model 实体调用 mongoose 插件的 api
2,model.find(params).skip(skip).limit(pageSize).sort({‘keyname’:sort});
Object params 是一个 对象 是查询条件
int skip 是表示忽略掉多少条
int pageSize 是一次的查询条数
int sort 1 表示升序 -1 表示降序
3,vue-infinite-scroll 一个滚动插件 i --save 安装
<div class="load-more" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="20">
加载中...
</div>fn loadMore 生效时的回掉函数 可以在里面执行请求
boolean busy 默认 false 表示生效 触发时会执行 loadMore 方法 true 的时候失效 不会在触发的时候 执行 loadMore 方法
infinite-scroll-distance="20"表示这个 div 元素 距离视窗 20 像素时候 触发 loadMore
2,model.find(params).skip(skip).limit(pageSize).sort({‘keyname’:sort});
Object params 是一个 对象 是查询条件
int skip 是表示忽略掉多少条
int pageSize 是一次的查询条数
int sort 1 表示升序 -1 表示降序
3,vue-infinite-scroll 一个滚动插件 i --save 安装
<div class="load-more" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="20">
加载中...
</div>fn loadMore 生效时的回掉函数 可以在里面执行请求
boolean busy 默认 false 表示生效 触发时会执行 loadMore 方法 true 的时候失效 不会在触发的时候 执行 loadMore 方法
infinite-scroll-distance="20"表示这个 div 元素 距离视窗 20 像素时候 触发 loadMore
相关文章推荐
- 【无限滚动加载数据】—infinite-scroll插件的使用---------下拉加载数据、无线滚动
- 【无限滚动加载数据】—infinite-scroll插件的使用
- 带有分页排序功能的表格插件的使用(通过ajax获取后台数据)
- 【无限滚动加载数据】—infinite-scroll插件的使用
- DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
- ExtJS中grid按照使用Expand插件、分组显示、中文拼音首字母排序、改变行背景、列背景、静态数据分页综合案例
- django学习(二)之分页、vue.js数据绑定及模态对话框的使用
- 将jQuery Pagination分页插件用于不使用AJAX加载数据的页面
- infinite-scroll插件无限滚动加载数据的使用
- 滚动加载|页面滑到底部加载数据|jquery.endless-scroll插件|使用demo
- 【无限滚动加载数据】—infinite-scroll插件的使用
- Ruby On Rails 学习:Rails3中实现数据分页和排序
- 使用 jQuery Ajax 在页面滚动时从服务器加载数据
- WPF and Silverlight 学习笔记(二十五):使用CollectionView实现对绑定数据的排序、筛选、分组
- Asp.net学习笔记----使用GridView+ObjectDataSource进行自定义分页排序
- 使用 jQuery Ajax 在页面滚动时从服务器加载数据
- 使用DataList分页显示数据,双向排序,添加checkbox控件。
- WPF and Silverlight 学习笔记(二十五):使用CollectionView实现对绑定数据的排序、筛选、分组
- [原创]使用DataList分页显示数据,双向排序,添加checkbox控件。
- jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)