Jsgrid в шаблоне HTML5

Я пытаюсь повторить jsgrid через шаблон HTML5, тот же вызов ajax в качестве источника данных с другой переменной. Отрисовывается только первая сетка.

Это выполнимо, и если да, не могли бы вы подсказать?

Спасибо.

Вот сценарий:

var template = document.querySelector('template').content;                
for (var i = 0; i < distinctQuote.length; i++) 
{

     $('.jsSnapshot').jsGrid({
          width: "100%",
          height: "auto",

          inserting: false,
          editing: true,
          sorting: true,
          autoload: true,
          noDataContent: "No record found",

          controller: {
               loadData: function () {
                  var d = $.Deferred();
                  $.ajax({
                                url: "/AJAXWebServices/UnderwriterWorksheet/UnderwriterWorksheet.asmx/GetQuickSnapshotByQuoteId",
                                data: { quoteId: distinctQuote[i] },
                                dataType: "json",
                                type: "post"
                            }).done(function (response) {
                                d.resolve(response);
                            });

                            return d.promise();
                        }
                    },

             fields: [
                        { name: "QuickSnapShotId", type: "number", visible: false },
                        { name: "QuickSnapShotFieldId", type: "number", visible: false },
                        { name: "QuickSnapShotFieldName", title:"", type: "string", width: 100, validate: "required" },
                        { name: "CurrentYear", title:"Current Year", type: "number", width: 200, validate: "required" },
                        { name: "LastYear", title:"Last Year", type: "number", width: 200 }
                    ]
                });

    document.querySelector('#container').appendChild(document.importNode(template, true));

}

html jsgrid

02.05.2018 16:18

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Ответы 1

Я понял. Рабочий код:

 var template = document.querySelector('#template').content;                
 for (var i = 0; i < distinctQuote.length; i++) {

                    document.querySelector('#container').appendChild(document.importNode(template, true));

                    $('.jsGridSnapshot').last().jsGrid({
                        width: "100%",
                        height: "auto",

                        inserting: false,
                        editing: true,
                        sorting: true,
                        autoload: true,
                        noDataContent: "No record found",

                        controller: {
                            loadData: function () {
                                var d = $.Deferred();
                                $.ajax({
                                    url: "/AJAXWebServices/UnderwriterWorksheet/UnderwriterWorksheet.asmx/GetQuickSnapshotByQuoteId",
                                    data: { quoteId: distinctQuote[i] },
                                    dataType: "json",
                                    type: "post"
                                }).done(function (response) {
                                    d.resolve(response);
                                });

                                return d.promise();
                            }
                        },

                        fields: [
                            { name: "QuickSnapShotId", type: "number", visible: false },
                            { name: "QuoteId", type: "number", visible: false },
                            { name: "QuickSnapShotFieldId", type: "number", visible: false },
                            { name: "QuickSnapShotFieldName", title:"", type: "string", width: 100, validate: "required" },
                            { name: "CurrentYear", title:"Current Year", type: "number", width: 200, validate: "required" },
                            { name: "LastYear", title:"Last Year", type: "number", width: 200, validate: "required" }
                        ],

                        });                        
                }
            }

03.05.2018 21:59

Другие вопросы по теме

Получение значения скрытого столбца в jsgrid

Пустой массив в IIFE

Rownumbers не работает в jsgrid, хотите показать общее количество записей (строка)

Заголовок JSGrid с всплывающими подсказками

JsGrid - сохранять отсортированный порядок при обновлении

Фильтр JS Grid на флажке

Как обновить данные в jsGrid без возможности использования AJAX в контроллере loadData ()? (Массив еще не заполнен)

JsGrid filter отправляет несколько запросов на сервер> как фильтровать данные, уже находящиеся на клиенте

Плагин jsgrid> Фильтр не работает с запросом "POST" JSON

Uncaught TypeError: $(...).jsGrid не является функцией

Jsgrid в шаблоне HTML5

Ответы 1

Другие вопросы по теме

Похожие вопросы