django+jQueryGridPlugin实现表格前提自动分页,排序
由于django 中文在前台显示乱码,本文使用了 先在用django模板生成表格,再用jQuery Grid对表格 进行处理。
创新互联公司提供做网站、成都网站建设、网页设计,品牌网站设计,广告投放平台等致力于企业网站建设与公司网站制作,十载的网站开发和建站经验,助力企业信息化建设,成功案例突破近1000家,是您实现网站建设的好选择.
用来显示jQuery Grid表格礼包ID | 礼包名字 | CDK剩余量 | 礼包内容 | 生成日期 |
---|---|---|---|---|
`gift`.`gift_id` | `gift`.`gift_name` | `gift`.`gift_nums` | `gift`.`gift_content` | `gift`.`gift_time` |
$(function () {
$("table.fortune500").css('min-height',(jQuery('#right').height()-200)+"px");
$("table.fortune500").css('min-width',jQuery('#right').width()+"px");
var tbl = $("table.fortune500");
var obj = $.paramquery.tableToArray(tbl);
var newObj = {
width:jQuery('#right').width()+"px",
height:jQuery('#right').height()+"px",
title: "详细信息查询(刷新请按F5)",
flexHeight: true,
flexWidth: true,
bottomVisible : true , 显示表格底部,这样才能 显示出分页
freezeCols: 5, 不允许列进行 横向拖动,一共5列,所以设置为5
};
newObj.dataModel = { data: obj.data, rPP: 25, paging: "local" }; 设置分页信息
newObj.colModel = obj.colModel;
$("#grid_table").pqGrid(newObj);
tbl.css("display", "none");
});
新闻名称:django+jQueryGridPlugin实现表格前提自动分页,排序
本文网址:http://azwzsj.com/article/ipcdjh.html