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

问题描述：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