dataTable 插件的应用

    第一步:要部署整个项目(copy插件脚本库);
    
    
    

    第二步:表的格式:创建表;(数据通过Ajax请求从服务器拿,)注意:表头信息必须放在中,
    表体必须放在 中,表最好要有属性ID,并且class="display"
    
    
序号 姓名 性别 电话
没有任何信息
第三步:只需要有Jquery找到表,有datatable显示;$(“#example”).dataTable{       中间是配置        };
第四步:后台处理
    了解dataTable向后台发送什么样的分页数据 
    *iDisplayStart       分页查询中,查询页开始的索引
    *iDisplayLength   分页查询中,总的记录数
    *sSearch
了解后台需要给dataTable返回什么样的数据,
第五步:后台处理;
    根据“sJAXSource”找到服务器加载数据,显示到dataTable中;
 分页功能的后台机制:
 了解dataTable向后台发送了什么内容;
    *iDisplayStart 分页查询中。查询开始的索引;
    *iDisplayLenth分页查询中,第几页的记录数

 了解后台需要给dataTable返回的数据;

 Map  map = new HashMap();
 map.put("aaData", vo.getDatas());
 //查出来总共有多少条记录
 map.put("iTotalRecords", vo.getTotal());
 map.put("iTotalDisplayRecords", vo.getTotal());
 JSonUtil.toJSON(map);

你可能感兴趣的:(dataTable)