Html Конструктор

Html-код страницы, для отображения списка документов на вашем веб-сайте.

Используя фильтры настройте параметры отображения.

Фильтры для списка документов

Период

Количество на странице

Блок

Субьект РФ

Принявший орган

Html-код страницы

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Документы</title> <link rel="stylesheet" type="text/css" media="screen" href="http://hostforreplace/Content/themes/Main/documentliststyle.css" /> </head> <body> <script src="http://hostforreplace/Scripts/jquery-1.10.1.min.js"></script> <script type="text/javascript"> var izdanie = "http://hostforreplace/"; $(document).ready(function () { startUpdate(10, 1); }); function startUpdate(pageSize, currentPageNumber) { $.support.cors = true; var paramList = { "periodType": "monthly", "currentPageNumber": currentPageNumber, "pageSize": pageSize, "signatoryAuthorityId": "00000000-0000-0000-0000-000000000000", "stateId": "00000000-0000-0000-0000-000000000000" }; var trident = !!navigator.userAgent.match(/Trident\/7.0/); var net = !!navigator.userAgent.match(/.NET4.0E/); var isIe11 = trident && net; if (isIe11) { $.ajax({ type: 'POST', data: JSON.stringify(paramList), cache: false, crossDomain: true, dataType: 'json', xhrFields: { withCredentials: true }, contentType: 'application/json; charset=utf-8', url: izdanie + "WCF/DocumentSearchService.svc/GetDocumentsByPeriodType", success: function (data) { $("#resultsDiv").html(''); generateHTML(data.GetDocumentsByPeriodTypeResult); }, error: function (xhr, status, error) { alert("An AJAX error occured: " + status + "\nError: " + error + "\nError detail: " + xhr.responseText); $("#resultsDiv").html(xhr.responseText); } }); } else { $.ajax({ type: 'POST', data: JSON.stringify(paramList), cache: false, crossDomain: true, dataType: 'json', contentType: 'application/json; charset=utf-8', url: izdanie + "WCF/DocumentSearchService.svc/GetDocumentsByPeriodType", success: function (data) { $("#resultsDiv").html(''); generateHTML(data.GetDocumentsByPeriodTypeResult); }, error: function (xhr, status, error) { alert("An AJAX error occured: " + status + "\nError: " + error + "\nError detail: " + xhr.responseText); $("#resultsDiv").html(xhr.responseText); } }); } } function generateHTML(model) { $("#resultsDiv").append($("<table/>", { class: 'searchlist', style: 'margin: 20px; padding: 0;', align: 'center', border: '0', cellpadding: '0', cellspacing: '0' }) .append($("<tbody/>") .append($("<tr/>") .append($("<td/>") .append($("<h5/>", { text: model.Header })))))); if (model.IsShowAppendPaging) { $("#resultsDiv").append($("<div/>", {style : 'height: 25px; width: 971px;'}) .append($("<div/>", {style : 'float: right; margin: 0 20px 0 0;'}) .append($("<span/>", {style : 'height: 25px; vertical-align: top;', text: 'Документов на странице: '})) .append($("<select/>", {id : 'rangeSizeSelect', name: 'rangeSizeSelect'}) .append($("<option/>", {value : '30', text: '30'})) .append($("<option/>", {value : '100', text: '100'})) .append($("<option/>", {value : '200', text: '200'})) ))); $("#rangeSizeSelect [value=" + model.PageSize + "]").attr("selected", "selected"); $("#rangeSizeSelect").attr('onchange', 'startUpdate(this.value, 1);'); var from = model.PageSize * model.CurrentPageNumber - model.PageSize + 1; var to = (model.PageSize * model.CurrentPageNumber > model.TotalDocumentsCount) ? model.TotalDocumentsCount : model.PageSize * model.CurrentPageNumber; $("#resultsDiv").append($("<div/>", { style: 'margin-top: 30px; margin-left: 0px; margin-right: 0px; width: 971px; padding: 0px;', class:'page-nave-count page-nave-count-top' }) .html('Показаны на странице: с ' + from + ' по ' + to + ' из ' + model.TotalDocumentsCount)); $("#resultsDiv").append($("<div/>", {class: 'page-nave'}) .append($("<table/>", { class: 'table-nave' }) .append($("<tbody/>") .append($("<tr/>") .append($("<td/>") .append($("<a/>", {class: 'page-nave-prev-all', id: 'toBegin'}) .append($("<span/>", {text: 'в начало'})))) .append($("<td/>") .append($("<a/>", {class: 'page-nave-prev', id: 'toPrev'}) .append($("<span/>", {text: 'предыдущая'})))) .append($("<td/>") .append($("<a/>", {class: 'page-nave-next', id: 'toNext'}) .append($("<span/>", {text: 'следующая'})))) .append($("<td/>") .append($("<a/>", {class: 'page-nave-next-all', id: 'toEnd'}) .append($("<span/>", {text: 'в конец'})))) )))); if (model.CurrentPageNumber <= 1) { $("#toBegin").addClass('pg-disabled'); } else { $("#toBegin").attr('onclick', 'startUpdate(' + model.PageSize + ', 1);'); } if (model.CurrentPageNumber <= 1) { $("#toPrev").addClass('pg-disabled'); } else { $("#toPrev").attr('onclick', 'startUpdate(' + model.PageSize + ', ' + (model.CurrentPageNumber - 1) + ');'); } if (model.CurrentPageNumber >= model.MaxPageNumber) { $("#toNext").addClass('pg-disabled'); } else { $("#toNext").attr('onclick', 'startUpdate(' + model.PageSize + ', ' + (model.CurrentPageNumber + 1) + ');'); } if (model.CurrentPageNumber >= model.MaxPageNumber) { $("#toEnd").addClass('pg-disabled'); } else { $("#toEnd").attr('onclick', 'startUpdate(' + model.PageSize + ', ' + model.MaxPageNumber + ');'); } } $("#resultsDiv").append($("<table/>", { class: 'resultlist', style: 'margin: 0; padding: 0;', align: 'center', border: '0', cellpadding: '5', cellspacing: '0' })); $.each(model.Documents, function (i, doc) { $("#resultsDiv table.resultlist") .append($("<tr/>") .append($("<td/>", { text: (model.PageSize * (model.CurrentPageNumber - 1) + i + 1), class: 'choosedocument', align: 'center', style: 'width: 30px;' })) .append($("<td/>", { class: 'notforprint', style: 'width: 45px' }) .append($("<a/>", { target: '_blank', class: 'choosedocument', href: izdanie + 'Document/View/' + doc.EoNumber, style: 'width: 30px' }) .append($("<img/>", { alt: 'doc', src: izdanie + 'Content/themes/Main/images/doc.gif', height: '40', width: '35' })))) .append($("<td/>", { class: 'vis', align: 'justify' }) .append($("<a/>", { target: '_blank', class: 'choosedocument', href: izdanie + 'Document/View/' + doc.EoNumber, style: 'width: 30px' }) .html(doc.ComplexName + ' ')) .append($("<nobr/>") .append($("<a/>", { target: '_blank', text: (doc.PdfFile ? 'PDF-файл: ' : '') + (doc.ZipFile ? 'Zip-архив: ' : '') + doc.PdfFileLength + 'Кб', href: izdanie + 'File/GetFile/' + doc.EoNumber + (doc.PdfFile ? '?type=pdf' : '') + (doc.ZipFile ? '?type=zip' : '') })) .append($("<span/>", { text: ' (' + doc.PagesCount + ' стр.)', class: 'pagesindoccount' })))) .append($("<td/>", { class: 'vis notforprint', style: 'padding-left: 10px;', align: 'right' }) .append($("<nobr/>") .append($("<span/>", { text: 'Номер опубликования: ', class: 'pagesindoc', title: 'Номер опубликования на Официальном интернет-портале' })) .append($("<span/>", { text: (doc.EoNumber == '' ? 'нет' : doc.EoNumber), class: 'pagesindoccount information', title: 'Номер опубликования на Официальном интернет-портале' }))) .append($("<br/>")) .append($("<nobr/>") .append($("<span/>", { text: 'Дата опубликования: ', class: 'pagesindoc', title: 'Дата опубликования на Официальном интернет-портале' })) .append($("<span/>", { text: doc.PublishDate, class: 'pagesindoccount information', title: 'Дата опубликования на Официальном интернет-портале' })))) ) .append($("<tr/>", { class: 'notforprint' }) .append($("<td />", { colspan: '4', align: 'center' }) .append($("<br/>"))) ) .append($("<tr/>") .append($("<td/>", { colspan: '4', align: 'center' }) .append($("<div/>", { style: 'line-height: 0px; margin-bottom: -1px; height: 1px; clear: both; font-size: 0px; border-top: #ccc 1px solid;' }))) ) .append($("<tr/>", { class: 'notforprint' }) .append($("<td/>", { colspan: '4', align: 'center' }) .append($("<br/>"))) ); }); $("#resultsDiv").append($("<div/>", { class: 'page-nave' }).html($("#resultsDiv div.page-nave").html())); $("#resultsDiv").append($("<div/>", { class: 'page-nave-count page-nave-count-top' }).html($("#resultsDiv div.page-nave-count").html())); } </script> <div id="resultsDiv" style="width: 971px; padding: 0;"> </div> <div id='result'></div> </body> </html>