как ajax обработки пейджинга totalcount? - PullRequest
0 голосов
/ 27 февраля 2019

Я разрабатываю пейджинговый интерфейс.Получая список через 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 Нажмите на страницу и там написано, что данных нет.Как я могу рассчитать общее количество учетных записей на основе значения выбора в поле выбора?

это мой код:

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);
		}
	});
}
...