/********************* 页面全局变量定义 ************************/
var size = 15;
var displayRecord = 15;
var $nodata = $('<div>查无数据</div>').hide();
/********************* 初始化整个页面逻辑 ************************/
$(document).ready(function(){
//初始化日期控件
$.page.initDateControl();
//加载一次数据
load();
});
/********************* 事件绑定 ************************/
$("#serch").bind('click',function(){
load();
});
/*********************方法定义 ************************/
//加载数据
function load(pageinfo){
var url = "/admSup/list.do";
//查询条件传后台
var dataJson = {};
if (pageinfo == undefined) {
dataJson.size = size;
dataJson.page = 1;
dataJson.displayRecord=displayRecord;
} else {
dataJson.size = pageinfo.size;
dataJson.page = pageinfo.page;
dataJson.displayRecord=pageinfo.displayRecord;
}
var callback = function(obj) {
if (obj.success) {
var list = obj.object.lists || [];
if(list.length>0){
$nodata.hide();
}else{
$nodata.show();
}
renderTbale(list);
dataJson.total = obj.object.total_num;
renderPager(list,dataJson);
}
};
$.ajax({
url : url,
data:dataJson,
cache:false,
dataType : "json",
success : callback
});
}
//传分页信息与展示数据,第一次查询需要封装初始分页信息
function renderPager(list, pageInfo){
new Pager({
pageNo : pageInfo.page,
pageSize : size,
totalNum : pageInfo.total,//分页总条数放置message
ctn : '.pager-ctn',
aClickHandler : function(i) {
var pageinfo = {
size : size,
page : i,
displayRecord:displayRecord
};
page = i;
load(pageinfo);
},
goClickHandler : function(i) {
var pageinfo = {
size : size,
page : i,
displayRecord:displayRecord
};
page = i;
load(pageinfo);
}
});
}
//加载数据信息
function renderTbale(list){
list = eval(list);
var _table = $("#sample_2");
var _tbody = _table.find("tbody");
//先清空tbody的数据
var mytable = document.getElementById("sample_2");
var rowNum=mytable.rows.length;
while(rowNum!=1){
mytable.deleteRow(1);
rowNum=rowNum-1;
}
//拼装数据,用于显示
for(var index = 0; index<list.length; index++){
_tbody.append("<tr>" +
"<td>"+ (index+1)+"</td>" +
"<td>"+ list[index].pro_code+"</td>" +
"<td>"+ list[index].pro_name+"</td>" +
"<td>"+ list[index].complaint_time+"</td>" +
"<td>"+ (list[index].deal_result==0?"未处理":"已处理")+"</td>" +
"<td style='text-align:center;' ><a href='/admSup/op.jspx?id="+list[index].id+"'>"+ (list[index].deal_result==0?"处理":"查看")+"</a></td>" +
"</tr>");
}
}
js 标准化模板
最新推荐文章于 2023-12-28 08:49:37 发布