当前位置:首页 > 开发 > 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

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号