一、简单介绍
/**
 * gridTemplate 是一款基于jQuery开发的表格（含分页）套件。
 * 提供非常灵活的前端表格开发模板方法工具。
 * 使用配置灵活，分页样式灵活，便于扩展。
 * gridTemplate + JS模板引擎是最好的搭配。
 * 前端开发者不用关心前段表格加载、分页等基础问题，仅需要关心如何结合JS模板引擎来渲染自己的表格，表格样式由自己自由发挥。
 * 不在受限于传统的表格前端工具。样式有你定。
 * 使用方法有两种：
 * 1.本地方法调用：
      var grid=  gridTemplate($("div.gridContainer"),{
	                 ajax:{url:"xx"},
	                 render:function(data,container){
                  });
   2.jQuery调用（推荐）:
       var grid= $("div.gridContainer").gridTemplate({
	                 ajax:{url:"xx"},
	                 render:function(data,container){
                   });
 * @author jsonzou([email protected])
 */



二、配置详情API说明

{
	ajax:{ // jQuery.ajax 通用参数 
		url:null, // 必填。
		data:{},
		dataType:'json',
		async:true,
		type:'post',
		beforeSend:null,
		success:null,
		error:null
	},
	pagination:{ // 分页参数
		enabled:true, // 是否启用分页[true,false]，默认true,设为false后一下参数失效
		style:'pagination_default',// 分页样式
		//pageList:[10,20,50,100], // 暂不支持，觉得输入pageSize最灵活且好用
		pageSize:10, // 每页记录数
		page:1, // 页码
		buttons:{ // 分页按钮设置
			     first:1, // 首页按钮； 大于等于1则显示，小于1则不显示，默认1.
			     pre:1, // 上一页按钮； 大于等于1则显示，小于1则不显示，默认1.
			     num:5, // 数字页码按钮； 大于等于1则显示，小于1则不显示，大于0表示按钮页码最多出现的数量，默认5.
			     next:1, // 下一页按钮； 大于等于1则显示，小于1则不显示，默认1.
			     last:1 // 未页按钮； 大于等于1则显示，小于1则不显示，默认1.
		    }
	},
	dataNames:{ // 自定义数据属性名称
	 page:'page', // 分页参数名称
	 pageSize:'pageSize', // 每页记录大小参数名称
	 total:'total', // 记录总数属性名称
	 rows:'rows' // 行记录数组属性名称
     }, 
     /**
	 * 配置话术信息
	 */
      messages:{ 
		totalPrefix:"共",
		totalSubfix:"条记录",
		pageSizePrefix:"显示",
		pageSizeSubfix:"条/页",
		firstPage:"首页",
		prePage:"上一页",
		nextPage:"下一页",
		lastPage:"末页"
	},
	
        fitGridData:null, // 适配数据接口。有时候后台返回的数据不是我们直接就能去得的，需要在此适配。参数列表[data]
	beforeRender:null, // 装载数据表格前调用接口;参数列表[data,container]
	render:null,//必填。 装载数据表格时调用接口;本插件把数据的渲染主动权交给开发者，可以自定决定如何显示表格，在此可以借助已经很成熟的JS模板引擎插件。参数列表[data,container]
	afterRender:null // 装载数据表格后调用接口;参数列表[data,container]
}

 
三、方法调用API
     1.本地方法调用：
      var grid =  gridTemplate($("div.gridContainer"),{
	                 ajax:{url:"xx"},
	                 render:function(data,container){
			 }
                  });
     2.jQuery调用（推荐）:
       var grid = $("div.gridContainer").gridTemplate({
	                 ajax:{url:"xx"},
	                 render:function(data,container){
			 }
                   });
     3.重新设置配置项
        grid.setOption(option)

     4.刷新表格
        grid.reload(option)
     
四、自定义分页样式
    复制样式文件中 gridTemplate.pagination.css 的默认样式 pagination_default，
    假如新样式是：pagination_new
    可以在初始化时调用：

     var grid =  gridTemplate($("div.gridContainer"),{
	                 ajax:{url:"xx"},
	                 render:function(data,container){
                         },
			 pagination:{
			   style:"pagination_new"
			 }
		  });

五、其他
    其他的就不用多说了，简单好用一看便知。
    使用过程有什么BUG请留言。
    特别感谢我的妻子在我写这个插件期间对我生活上无微不至的照顾！