Загрузка данных

<!DOCTYPE html>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<%@ page session="true" language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<html lang="ru">

	<jsp:include page="head.jsp"/>

	<body>

		<script type="text/javascript" src="<c:url value='/js/${version}/queryAction.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/js/${version}/queryTable.js'/>"></script>
		<jsp:include page="FormUI.jsp" />
    <jsp:include page="Utils.jsp" />

		<script type="text/javascript">

			$(function () {
        var selCat;

        var filter_fields = [
          {
            id: 'date_report',
            label: 'Дата',
            inputClass: 'date-picker-on',
            value: "<fmt:formatDate value='' pattern='dd.MM.yyyy' />"
          },
          {
            id: 'my_report',
            label: 'Отчетный месяц, год',
            inputClass: 'date-picker-on',
            value: "<fmt:formatDate value='' pattern='MM.yyyy' />"
          },
          {
          id: 'service_type',
          type: "select2",
          label: 'Вид деятельности',
          options: [
            {
              value: "",
              text: ""
            },
            {
              value: "OPS",
              text: "ОПС"
            },
            {
              value: "NPO",
              text: "НПО"
            },
            {
              value: "PDS",
              text: "ПДС"
            }
          ]
        }
        ];
        
        // ---- кнопки ----
      var actions = [
        {
          id: 'btn_search',
          text: 'Сформировать',
          type: 'submit',
          class: 'btn btn-primary',
          onClick: function () {
            $("#isShow").val(1);
          
          }
        }
      ];
      
      // ---- рендер формы ----
			FormUI.render('#form_filter', 
										filter_fields,
										3,
										actions,
										{
  select2: { allowClear:true },
  actionsAlign: 'left'
});
       $('#my_report').datetimepicker({
				date: new Date(),
				format: 'MM.YYYY',
				minDate: '01.01.1990'
			});

// Таблица 
				var reportsTable = new QueryTable("tbl_report_conformity_pu_bu", {

					initComplete: function (queryAction) { 
					},

					onRowSelect: function (data, index) {
					},
					onRowDeselect: function (data, index) {
					},
					drawCallback: function (settings) {
					}
				}, function () {
					var data = {};

          data.isShow = ($("#isShow").val() == 1);
					return data;
				}, {
					selectFirstRow: false
				});

		});

		</script>
		<jsp:include page="header.jsp"/>
		<jsp:include page="navbar.jsp"/>

		<div class="container" id="mainContainer">
			<div class="page-header">
				<h1>Акт соответствия ПУ с данными БУ</h1>
			</div>
			<div class="container-fluid">
				<div class="row row-main">
					<jsp:include page="sidebar.jsp"/>
					<div class="col-sm-10">
						<tags:breadcrumbs path="https://portal.futurenpf.ru/knowledgebase/category/29194/"/>

            <div id="form_filter"></div>

						<div class="row">
              <input type="hidden" id="isShow" value="1">
							<div class="col-sm-12">
								<jsp:include page="queryTable.jsp">
									<jsp:param name="queryTableCode" value="tbl_report_conformity_pu_bu"/>
									<jsp:param name="queryTableStyle" value="width: 1500px;"/>
								</jsp:include>
							</div>
						</div>
						<hr>
						
					</div>
				</div>
			</div>
		</div>
		<jsp:include page="footer.jsp"/>
	</body>
</html>