日期:2014-05-16 浏览次数:20709 次
var items_per_page = 20;
var num_entries = 0;
var name = "ID";
var sort = "desc";
$(function () {
//此demo通过Ajax加载分页元素
var initPagination = function () {
num_entries = $("#list tr").length;
// 创建分页
$("#Pagination").pagination(num_entries, {
//num_edge_entries: 20, //边缘页数
//num_display_entries: 30, //主体页数
callback: pageselectCallback,
items_per_page: items_per_page, //每页显示1项
prev_text: "前一页",
next_text: "后一页"
});
};
function pageselectCallback(page_index, jq) {
// var items_per_page = items_per_page;
//var max_elem = Math.min((page_index + 1) * 20, length);
var max_elem = Math.min((page_index + 1) * items_per_page, num_entries);
$("#con").empty();
for (var i = page_index * items_per_page; i < max_elem; i++) {
$("#con").append($("#list tr:eq(" + i + ")").clone());
}
// var new_content = $("#list tr:eq(" + page_index + ")").clone();
// $("#con").empty().append(new_content); //装载对应分页的内容
return false;
}
$("#list").load("http://localhost:3399/InstitutionsSambo/Hander/SMHandler.ashx?name=" + name + "&sort=" + sort, null, initPagination);
});
function sorta(filtera) {
var src = $("[alt=" + filtera + "]").attr('src');
if ($("[alt=" + filtera + "]").attr('src') == '../images/bottom.png') {
$("[alt=" + filtera + "]").attr('src', '../images/top.png');
}
else {
$("[alt=" + filtera + "]").attr('src', '../images/bottom.png');
}
}
<td class='w88'>均价(<span class='font'>元</span>)<img src='../images/top.png' alt="avg" onclick="javascript:sorta('avg');" /></td>
<td class='w95'>浮动盈亏(<span class='font'>%</span>)<img src='../images/bottom.png' alt="float" onclick="javascript:sorta('float')" /></td>
<tr id="con"><td>数据加载中.....</td></tr><div id="list" style="display:none;"></div>
function sorta(filtera) {
name=filtera;/////////
var src = $("[alt=" + filtera + "]").attr('src');
if ($("[alt=" + filtera + "]").attr('src') == '../images/bottom.png') {
sort="asc";//////////
$("[alt=" + filtera + "]").attr('src', '../images/top.png');
}
else {
sort="desc";//////////
$("[alt=" + filtera + "]").attr('src', '../images/bottom.png');
}
$("#list").load("http://localhost:3399/InstitutionsSambo/Hander/SMHandler.ashx?name=" + name + "&sort=" + sort, null, initPagination);//启动ajax获取排序内容
}