如何ajax分页处理totalcount?

时间:2019-02-27 08:02:35

标签: ajax handlebars.js paging data-paging

我正在开发分页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);
		}
	});
}

0 个答案:

没有答案