Angularjs分页查询的实现

2024-10-17 23:10:20

angularjs实现分页查询功能的实例代码，具体代码如下所示：

//首页导入<script type="text/javascript" src="framework/tm.pagination.js"></script>
//routerApp中注入'tm.pagination'
//html页面上<tm-pagination conf="paginationConf"></tm-pagination>
//controller.js代码
var reSearch = function() {
  var postData = {
    //发送给后台的请求数据
    currentPage: $scope.paginationConf.currentPage,
    pageSize: $scope.paginationConf.itemsPerPage,
    pickup: $scope.pickups,
    startTime: $scope.startTime,
    endTime: $scope.endTime,
    minMoney: $scope.minMoney,
    maxMoney: $scope.maxMoney
  };
  $http.post('后台分页接口', postData).success(function(response) {
    $scope.paginationConf.totalItems = response.totalElements; //总条数
    $scope.takeGoodsLists = response.content; //具体内容
    //共享的数据赋值
  });
}
$scope.reSearch = reSearch;
//配置分页基本参数
$scope.paginationConf = {
  currentPage: 1, //起始页
  //totalItems:300,//总共有多少条记录
  itemsPerPage: 5, // 每页展示的数据条数
  //pagesLength:5,//分页条目的长度
  perPageOptions: [5, 10, 20] //可选择显示条数的数组
};
//当页码和页面记录数发生变化时监控后台查询如果把currentPage和itemsPerPage分开监控的话则会触发两次后台事件。
$scope.$watch('paginationConf.currentPage + paginationConf.itemsPerPage', reSearch);

对比分析Django的Q查询及AngularJS的Datatables分页插件

使用Q查询,首先要导入Q模块: from django.db.models import Q 可以组合使用&,|操作符用于多个Q的对象,产生一个新的Q对象,Q对象也可以用~操作符放在前面表示否定,如下例所示: if search: keywords_list = search.split(' ') query_list = [Q(status__icontains=get_success_fail_status(keyword)) if get_success_fail_keyword_stat
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)

注:添加球员的功能无指定技术要求,添加球员的页面也无具体样式要求. 1.实现上图页面所有元素,页面布局规整,跟上图效果一致 2.实现文案显示,按效果显示 3.实现查询,实现查询敏感词过滤,实现查询后列表变化 4.实现倒序,实现正序,下拉列表排序效果都实现 5.按钮背景一致,按钮样式 6.实现添加球员页面,添加球员页面样式,添加球员功能,添加球员必填项判断,添加完球员后能显示在表格内,已存在球员判重. 7.表格样式跟上图样式一致代码: <!DOCTYPE html> <html lang
mongoDB 多重数组查询(AngularJS绑定显示 nodejs)

核心代码: js代码 var Lesson = Schema({ lessonName: String, intr: String, creTime: Date, sort: String, //分类 imgUrl: String, //封面地址 price: Number, teacher: String,//教师 subTitle:[{ lNo: Number, subLName: String, src: String, filtered: {type: Boolean, default:
Angularjs分页查询的实现

angularjs实现分页查询功能的实例代码,具体代码如下所示: //首页导入<script type="text/javascript" src="framework/tm.pagination.js"></script> //routerApp中注入'tm.pagination' //html页面上<tm-pagination conf="paginationConf"></tm-pagination
Spring Data JPA 复杂/多条件组合分页查询

话不多说,请看代码: public Map<String, Object> getWeeklyBySearch(final Map<String, String> serArgs, String pageNum, String pageSize) throws Exception { // TODO Auto-generated method stub Map<String,Object> resultMap=new HashMap<String, Object&
Oracle分页查询的实例详解

Oracle分页查询的实例详解 1.Oracle分页查询: SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM tab) A WHERE ROWNUM <= 40 ) WHERE RN >= 21; 这个分页比下面的执行时间少,效率高. 2. select * from (select c.*,rownum rn from tab c) where rn between 21 and 40 对比这两种写法,绝大多数的情况下,第一个
kkpager 实现ajax分页查询功能

前台分页数据,适合数据少量的时候,因为分页的数据是从后台获取的,大数据的话不建议使用先看下前台代码: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <script src="~/kkpager/lib/jquery-1.10.2.min.js
Ajax案例集下载：新增分页查询案例（包括《Ajax开发精要》中的两个综合案例）下载

在<Ajax开发精要>中,我构建了两个简单的综合范例.一个是支持增.删.改.模糊搜索的简单留言簿,另外一个是模拟MSN Space所提供的日志评论.固定链接.引用通告以及自定义列表管理的功能. 今天新增一个分页查询的案例.同样的,与之前的两个案例类似,分页查询的持久化数据依然来自xml文档,以方便网友的拷贝和部署.构建这个案例的方法与之前两个案例大致相当,都是使用XMLHttpRequest.responseXML获取数据,然后填充到页面的相应位置.构建过程中注意代码复用. <Ajax开
ajax分页查询详解

(1)先写个显示数据的页面,分页查询需要那几个部分呢? 1.首先是查询的文本框输入,还有查询按钮,那么就开始写代码吧 <div> <input type="text" id="key" /> //输入查询字的文本框 <input type="button" value="查询" id="chaxun" /> //查询按钮,起名字是为了以后给这个按钮加事件,因为只有点击了才
sqlserver分页查询处理方法小结

sqlserver2008不支持关键字limit ,所以它的分页sql查询语句将不能用MySQL的方式进行,幸好sqlserver2008提供了top,rownumber等关键字,这样就能通过这几个关键字实现分页. 下面是本人在网上查阅到的几种查询脚本的写法: 几种sqlserver2008高效分页sql查询语句 top方案: sql code: select top 10 * from table1 where id not in(select top 开始的位置 id from table1
Oracle、MySQL和SqlServe三种数据库分页查询语句的区别介绍

先来定义分页语句将要用到的几个参数: int currentPage ; //当前页 int pageRecord ; //每页显示记录数以之前的ADDRESSBOOK数据表为例(每页显示10条记录): 一.SqlServe下载分页语句 String sql = "select top "+pageRecord +" * from addressbook where id not in (select top "+(currentPage-)*pageRecor
Java操作MongoDB模糊查询和分页查询

本文实例为大家分享了Java操作MongoDB模糊查询和分页查询,供大家参考,具体内容如下模糊查询条件: 1.完全匹配 Pattern pattern = Pattern.compile("^name$", Pattern.CASE_INSENSITIVE); 2.右匹配 Pattern pattern = Pattern.compile("^.*name$", Pattern.CASE_INSENSITIVE); 3.左匹配 Pattern pattern =

Angularjs分页查询的实现

相关推荐

随机推荐