首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在ui-grid中获取当前页码和总页数?

在ui-grid中获取当前页码和总页数,可以通过ui-grid提供的API来实现。

  1. 首先,需要在HTML页面中引入ui-grid的依赖文件和样式表:
代码语言:html
复制
<link rel="stylesheet" type="text/css" href="path/to/ui-grid.css">
<script src="path/to/ui-grid.js"></script>
  1. 在控制器中定义ui-grid的配置项,并将其绑定到HTML页面中的gridOptions:
代码语言:javascript
复制
angular.module('myApp', ['ui.grid'])
  .controller('myController', function($scope) {
    $scope.gridOptions = {
      // ui-grid的配置项
    };
  });
  1. 在HTML页面中,使用ui-grid指令创建一个grid,并指定数据源和列定义:
代码语言:html
复制
<div ui-grid="gridOptions"></div>
  1. 在ui-grid的配置项中,可以使用onRegisterApi属性来注册一个回调函数,该函数会在ui-grid的API被初始化后被调用。在这个回调函数中,可以获取到ui-grid的各种API,包括获取当前页码和总页数的方法。
代码语言:javascript
复制
$scope.gridOptions = {
  // ui-grid的配置项

  onRegisterApi: function(gridApi) {
    // 获取当前页码
    var currentPage = gridApi.pagination.getPage();

    // 获取总页数
    var totalPages = gridApi.pagination.getTotalPages();

    // 在控制台输出当前页码和总页数
    console.log('当前页码:', currentPage);
    console.log('总页数:', totalPages);
  }
};

通过以上步骤,就可以在ui-grid中获取当前页码和总页数了。在onRegisterApi回调函数中,可以根据需要进行相应的处理,例如将页码信息显示在页面上,或者根据页码信息进行其他操作。

对于ui-grid的更多详细配置和API的使用,可以参考腾讯云的相关产品和文档:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

PHP-分页

1.6 分页 1.6.1 分析 -- 1、获取当前页码的数据 页码 SQL语句 1 select * from products limit 0,10 2 select * from products...:$startno=($pageno-1)*$pagesize; -- 2、如何获取页码 用户点击页面底端页码,传递当前的页面 -- 3、如何获取页码 记录数 页数 计算 60...6 60/10=6 51 6 ceil(51/10)=6 结论: $rowcount:记录数 $pagecount:页数 公式:$pagecount=ceil($rowcount/$...1.6.2 步骤 第一步:获取记录数 第二步:求出页数 第三步:循环显示页码 第四步:通过当前页面,求出起始位置 第五步:获取当前页面数据,并遍历显示 1.6.3 代码实现 将上一讲的MySQLDB.../第二步:求出页数 $pagecount=ceil($rowcount/$pagesize); //第四步:通过当前页面,求出起始位置 //$pageno=isset($_GET['pageno'])

3.2K20
  • Django自定义实现分页器

    1、分析推导 1.1 当前页 1.2 起始位置终止位置 1.3 添加按钮传递页码数 2、方法的封装 2.1 分页器类 2.2 视图函数 2.3 模板页面 前面的文章中分别介绍了drf框架中分页器的使用及...1、分析推导 分页的关键信息:当前页、每页展示多少条、起始位置、终止位置 1.1 当前页 思路:浏览器携带页码发送get请求,获取当前页信息。...后端从get请求获取响应的页码数,查询对应数据并返回 # 想访问哪一页 current_page = request.GET.get('page', 1) # 如果获取不到当前页码 就展示第一页 #...页码数需要传递到页面,页数与总数页数有关系,例如 总数据100 每页展示10 需要10页 总数据101 每页展示10 需要11页 总数据99 每页展示10 需要10页 如何动态计算到底需要多少页呢...1 if more: # 有余数则页数加一 page_count += 1 关于页码布局,在制作页码个数的时候一般情况下都是奇数个页码,这更符合对称美的标准 最后,在后端把页码计算逻辑写出来动态的传给前端

    96120

    Java数据采集-4.分析常见的翻页(加载数据)方式

    本篇文章主要分析当下常见的几种翻页(加载数据)的方式,并结合实际例子截图介绍。在后续博客针对这些网站,写代码完成数据抓取。 1....根据页码进行翻页 CSDN的个人博客列表,我们可以轻松的分析出页数列表页地址。...共两页,列表页地址为:http://blog.csdn.net/TMaskBoy/article/list/2 对于此类型的网页,我们只需要根据页数,遍历所有的列表页即可,对于一些数据量极大,页数有最大值限制时...此种翻页我们需要不断的递增翻页请求当前页码参数,对于有些网页,在请求到一定页之后会不在返回数据,一般需要根据分类或查询条件等不断精确范围,保证抓取到更多的数据。 3....Map字典或者对应的实体对象,进而获取各个键或者属性,达到获取数据的目的。

    61320

    vue分页组件动态页码_怎样分页设置页码

    margin-left:20px;} JS: data(){ return{ listData:"",//旅行社列表数据搜索结果数据 // pageSize:15, //每页个数,后台默认15 page:1,//当前页码...,不传默认第一页 pageAll:"", //数据页数 jumpPage:"",//跳转页码 } }, methods:{ //获取旅行社列表数据 keywords words搜索关键字,region_id...id区域id,page onPage当前页码 getTravel(event){ ....数据列表获取..... if (response.data.status==1) { console.log(.../2); // 判断分析当页数超过showNum展示页数时,需要判断分页情况 //1、在最左边第一个或者在centerNum的前面 //2、在中间 //3、最右边最后一个 if(this.pageAll...发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    2K30

    JavaWeb16-案例分页实现(Java真正的全栈开发)

    传递到后台 实现方式两种: 方式1:手动拼url,在后台获取id参数 方式2:通过form表单,在后天获取name=’ck’的参数 将图书列表的tr放到一个form表单,当点击’删除选中’,触发当前表单提交...逻辑分页 从数据库中将所有记录查找到,存储到内存,需要什么数据 直接从内存获取....当前页码的数据 通过limit查询出数据 例如:每页显示5条,查询第3页数据 select * from 表 limit (3-1)*5,5; 用(当前页码-1)*每页条数,就求出了开始的记录位置,在向下查找每页数个记录...:当前页码每页显示的条数 c.调用productService的findProductsByPage(int 当前页,int 每页条数),返回值为bean对象.将当前页码,每页条数,条数,页数以及当前页的图书列表封装成...totalPage;//页数 private Integer totalCount;//条数 private List list;//每页数据 编写servlet(分页查找) 编写

    3.4K90

    【JavaWeb基础】客户关系管理系统(修订版)

    ; } } 分析 现在我们已经可以知道记录数了,对于其他3个变量(每页显示记录数【由程序员来指定】,当前是多少页【由用户来指定】,页数【由记录数每页显示记录数来算数来的】...---- 让分页的功能更加完善 ---- 显示当前页数页数记录数 当前页数是:[${page.currentPageCount}]    页数是...--%> 当前页数是:[${page.currentPageCount}]    [${page}]  <%--如果当前页码小于页数...层还要编写获取具体的分页数据,从哪里开始,哪里结束,返回一个List集合,再把List集合封装到Page对象上 由于获取页数据需要当前页数是多少,(所以在service要判断当前页数是否存在,如果不存在

    3.1K20

    ASP分页应用bootstrap分页组件。

    例如自定义一个pagecontrol的sub函数:Sub PageControl(pageCount,page),需要传入两个参数:pageCount页数;page当前页。...这里直接贴代码,大意就是获取当前url的参数进行非page参数的筛选,不详细说了。 其次,嵌入bootstrap分页组件的ul部分。...bootstrap分页组件页码都是li标签,外面还有个navul标签需要处理下(闭合标签就不贴了)。代码: 第三,处理上一页下一页的页码。...第四,处理页码主体部分。 我们将页码主体分成两种情况,一是页数在10页以内的,全显页码。二是页数在10页以上的显示部分页码缩略符。简单的一个if判断,不贴了。...所以先把开始两页结尾两页显示出来,如图: 接着处理当前页码靠前,后面出现缩略符当前页码靠后,前面出现缩略符的情况。直接贴图了。

    3.3K10

    微信小程序之上拉加载与下拉刷新

    上拉加载 前面我们已经了解到下拉加载的本质是一个分页加载,每次触发加载下一页的条件是当前页面到达底部,因此,我们可以整理出一个实现的基本思路: 初始页号为1,向后端请求第一页数据(数据包含数据条数...在Web页面开发,我们会通过监听window.onscroll事件,在该事件的处理方法获取当前页的高度滚动量,以此来计算判断页面是否已滚动到底。...this.fetchArticleList(1) }, onReachBottom() { // 下拉触底,先判断是否有请求正在进行 // 以及检查当前请求页数是不是小于数据页数...,符合条件,则发送请求 if (!...this.fetchArticleList(1, true) }, onReachBottom() { // 下拉触底,先判断是否有请求正在进行 // 以及检查当前请求页数是不是小于数据页数

    4.3K20

    使用SpringData JPA 实现分页

    而Page接口有一个很重要的方法:getTotalPages(),得到页数。 我们看到Page接口最近的一个实现类是PageImpl,那么我们待会就要用到它了。...sql.toString() + ") temp "; //创建查询对象 Query countQuery = entityManager.createNativeQuery(countSql); //获取记录数...结束的位置:(当前页码/每页显示数量 + 1)x每页显示数量-1<页码-1?...(当前页码/每页显示数量+1)x每页显示数量-1:页码-1; 这个就需要分2种情况了,1> 页码小于展示页,那就取最大的页码; 2>页码大于展示页,那就取下一页,然后加一个展示页减 1(因为页码从...下一页:page = number + 1(当前页+1) 末页:page= totalPages - 1(页数-1,记得页码从0开始,所以要-1) 至此,整个Demo就完成了。

    2.9K10

    Java分页查询(真分页)

    分页思路 分析上面这个页面,想要实现分页,我们在页面需要显示的数据有: 本页的数据列表 recordList 当前页 currentPage 页数 pageCount 每页显示多少条...//本页的数据列表 //计算 private int pageCount;//页数 private int beginPageIndex;//页码列表的开始索引 private int endPageIndex...>>页数不多于10页,则全部显示 if(pageCount <= 10){ beginPageIndex = 1; endPageIndex = pageCount; } //...页数多于10页,则显示当前页附近的共10个页码 else{ //当前页附近的共10个页码(前4个+当前页+后5个) beginPageIndex = currentPage - 4;...比如说现在能想到的优化的地方: 1.action公共的分页参数 2.Service除了查询的Hql语句参数不同,具体的套路都差不多,我们可不可以传递hql对应的参数,调用一个公共的方法?

    2.8K20

    myPagination5.0 分页简单实例「建议收藏」

    先上效果图: 首先来略微介绍下其參数类表: 參数配置列表: 參数名 数据类型 描写叙述信息 currPage int 当前页 pageCount int 页数 pageSize int 页码数...如需与server进行交互,需配置成 true callback string 回调函数,纯字符串不带括号,需在 Javascript 脚本 配置 一个 与 该字符串同样名字的方法,并带有參数,:function...依据该 Id 从server 获取 PageCount 页数 param Object Ajax 參数对象,进行 Ajax请求时。可依照条件来查询分页。...用于配置 Ajax 请求之前的方法 javascript 函数例如以下: function onLoadPaging(){ var allPage=$("#allPage").val(); //页数...var firstpageval=$("#terID1").val(); //当前页 var pageNumber=$("#connetNumber").val();//页码数量 if(firstpageval

    1.3K30

    UIkit 分页组件动态加载简单实现

    问题描述 ---- 使用过UIkit分页组件的都清楚,UIkit的分页不能动态刷新数据,也就是不能在点击下一页的时候,动态从后台加载数据,并且刷新页数以及该页数上的数据,下面是一个简单实现,没有做任何优化...: 当前所在页数 function changePagination(obj, items, itemsOnePage, curPageNum) { var pageNum = Math.ceil...obj).find('li').remove(); elms.forEach(function (elm) { $(obj).append(elm); }); } // 获取要显示的页码元素...页面实现大概过程 // 获取记录条数 var count = getAdminCount(); // 根据记录条数,每个页面的记录条数以及当前页码修改页码插件的显示 changePagination...($('#admin-pagination'), count, limit, curPageNum); // 根据当前页码以及每个页面记录条数获取相应数据 var adminList = getLimitAdmin

    72720

    用了这么久的PageHelper,你知道原生的分页查询原理步骤吗

    1.1.2、假分页 一次性查询所有数据存入内存,翻页从内存获取数据。 优点:实现简单,性能高。 缺点:容易造成内存溢出。...totalPage:末页页码。 totalCounts:记录数。 currentPage:当前页。 pageSize:每页记录数。...来源于程序计算: totalPage:页数/末页,int 类型。 prevPage:上一页,int 类型。 nextPage:下一页,int 类型。...2.2、分页原理 结果总数(totalCount/rows)结果集(data/list)是来源于两条 SQL: 第一条SQL:查询总数,返回一个数字(记录数)。...limit #{start} ,#{pageSize} 计算出其余的参数(页数、上一页、下一页) // 分页数据通过这个构造器封装好 public PageResult(int currentPage

    2K10

    python测试开发django-115.Paginator分页器展示table表格数据

    p.count 获取数据总量 p.num_pages 获取页数: 23条数据,每页显示5条,总共5页 p.page_range 页面对象可迭代范围 p.page(1) 传数字,获取对应页的数据...23条 >>> p.count 23 # 获取页数,23条数据,每页显示5条,总共5页 >>> p.num_pages 5 # 页面对象可迭代范围1-5 >>> p.page_range range...(1, 6) # 获取第一页的数据 >>> p.page(1) # 如果页数不在1-5范围,抛异常:EmptyPage >>> p.page(0) Traceback...previous_page_number() 上一页的页码 next_page_number() 下一页的页码 start_index() 返回当前页上的第一个对象,相对于分页列表的所有对象的序号,从1...teachers = Teacher.objects.all() # 分页,每页5个数据 pa = Paginator(teachers, per_page=5) # 获取页数

    93010
    领券