Datatables: динамическая загрузка страницы в модальном режиме, основанная на значениях строк - PullRequest
Новая
       12

Datatables: динамическая загрузка страницы в модальном режиме, основанная на значениях строк

0 голосов
/ 04 февраля 2019

Я пытаюсь что-то действительно сложное здесь, и я еще не нашел способ реализации решения.Часть, над которой я работаю, выглядит так:1. простая страница A, которая динамически загружает данные из db.Last col - это кнопка.2. HTML-страница B, которая загружает разные вещи в соответствии с 2 значениями, хранящимися в локальном хранилище.они доступны в вышеупомянутой таблице.

Теперь часть, которую я не могу понять:3. На простой странице A есть модальный div.Я хочу загрузить страницу B в этот модал по нажатию кнопки и загрузить различные данные в соответствии со значениями, хранящимися в локальном хранилище.

Вот мой код:

function getadminprojects(){ //function that dynamically loads datatable

      $.ajax({
            url: "http://....../CustomServices/DBDistApps",
            type: "GET",

            dataType: 'json',
            async: false,

            success: function(data) {
                $('#projectsdt').show();

                projectsTable = $('#projectsdt').DataTable({
                  "pageLength": 10, 
                  "data": data, 
                  "scrollX": true,
                 "order": [[ 4, "desc" ]],
                  //"aaSorting": [],

                  "columns": [ 
                    { "data": "code" },
                    { "data": "descr" },       
                    { "data": "manager" },   
                    { "data": "customer" },
                    { "data": "link_date" },   
                    { "data": "delink_date"},
                    { "data": "type"},   
                    {
                        "data": null,
                        "defaultContent": "<button class='btn btn-warning' onclick='openmodal2();'>button1</button>"
                    },
                    {
                        "data": null,
                        "defaultContent": "<button class='btn btn-success' onclick='localStorage.setItem('username',"+row.customer+");localStorage.setItem('projectid',"+row.code+"); projectpopmodal(); '>button2</button>"
                    },
                  ] , 


                });
                $('#projectsdt thead').on('click', 'tr', function () {
                    var data2 = table.row( this ).data();
                    alert( 'You clicked on '+data2[0]+'\'s row' );
                } );
                $('#projectsdt').show();
                $('#projectsdt').draw();
            }

      });

}

function projectpopmodal(){
    $('#showfreakinmap').load('newprojects.html');
    $('#fsModal').modal('show');
}//function to load page B into modal of page A

Заранее спасибо!

...