我正在开发分页ui。 通过ajax获取列表,根据列表数量显示页面大小。 selectbox选择值确定要导入的列表数。
<select id="lstCountVal" name="lstCountVal" >
<option value="-" selected="selected" th:text="#{realtime.Page}"></option>
<option value="10" th:text="#{realtime.By10}"/>
<option value="20" th:text="#{realtime.By20}"/>
<option value="30" th:text="#{realtime.By30}"/>
<option value="all" th:text="#{realtime.All}"/>
</select>
默认值为10。例如,如果列表总数为15,则totalPageCount为2,因此实现1或2页。 但是,如果我在选择框中选择20,则可以在屏幕上看到15页,但totalPageCount计算为2,并在屏幕上表示为1、2,依此类推。 2单击页面,并说没有数据。 如何根据选择框选择值来计算totalpagintcount数量?
这是我的代码:
function load(page){
if(!ajaxRunning){
ajaxRunning = true;
$.ajax({
url : "executionsQueuesList.json",
type : "GET",
data : {
"searchVal" : $("#searchVal").val(),
pageNo:page,
lstCountVal":$("#lstCountVal").val()
},
dataType : "json",
cache : false,
contentType : "text/json; charset=UTF-8",
success : function(data) {
var source = $("#list-template").html();
var template = Handlebars.compile(source);
var itemList = template(data);
$('#executionsQueuesListDiv').html(itemList);
var page_source = $("#paging-template").html();
var page_template = Handlebars.compile(page_source);
var page_itemList = page_template(data);
$('.pageForm').html(page_itemList);
$("#pageNo").val(data.paging.currentPageNo);
$(".deviceCheck").text(data.paging.totalRecordCount);
$("#refreshTime").text(moment().format('YYYY-MM-DD HH:mm:ss'));
ajaxRunning = false;
window.curPage = page;
refresh();
},
complete : function() {
ajaxRunning = false;
},
error : function(xhr, status, err){
alert(FailMessage);
}
});
}