当前位置:首页 > 开发 > Web前端 > 前端 > 正文

将omGrid的分页条移至表格上方

发表于: 2013-06-29   作者:dinguangx   来源:转载   浏览次数:
摘要: 问题描述:omGrid目前不支持将分页条放在表格的上方。 解决方案:通过扩展omGrid,为omGrid增加选项pagerPosition,当该选项的值为top时,分页条在表格上方,标题下方显示。 插件代码如下: /* * Depends: * om-grid.js */ (function($) { /** * 尝试将表头放在表格上方 */ $.o

问题描述:omGrid目前不支持将分页条放在表格的上方

解决方案:通过扩展omGrid,为omGrid增加选项pagerPosition,当该选项的值为top时,分页条在表格上方,标题下方显示。

插件代码如下:

/*
 * Depends:
 *  om-grid.js
 */
(function($) {
	/**
	 * 尝试将表头放在表格上方
	 */
    $.omWidget.addInitListener('om.omGrid',function(){
        var op = this.options;
		if(op.pagerPosition == "top"){
			this.pDiv.insertBefore(this.hDiv);
		}
    });
})(jQuery);

 测试:

$('#grid').omGrid({
    title : '表格',
	limit:15,
	pagerPosition:"top",
      colModel : [ {header : 'ID', name : 'id'}, 
                      {header : '地区', name : 'city'}, 
                      {header : '地址', name : 'address'} ]
});

 

更多内容请进群:312531189

将omGrid的分页条移至表格上方

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
>最近在做一些项目,正好需要用到hadoop的知识,而hadoop的hbase作为NoSQL家族中不可缺少的一员
IBM® Rational® Data Architect 提供了当前市场上很多数据建模工具所没有的独特特性。将 CA ERwin D
以前不太在意GitHub是因为印象中他一直是托管开源代码的,适合大家分享开源代码。最近感谢党和政府
http://huang2030.javaeye.com/blog/518114 最近由于项目需求要用到jqGrid表格分页,网上看了一下确
jqGrid+jsp 表格分页 最近由于项目需求要用到jqGrid表格分页,网上看了一下确实是一个很漂亮也功能
在没有上代码之前先看下效果图吧: 本分页功能主要是实现了:通过Jquery ajax 静态分页 要建立一个
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="personTab.aspx.cs" Inherits="CPM
使用该类可以将数据在JSP页面中以表格的形式显示出来,并具有动态排序、动态生成查询功能 该类可以方
数据表格 参考示例: 数据表格 分页表格 一:创建表格 <div id="datagrid1" class="mini-datagrid
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="CPMS.vie
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号