数据表:基于行值的模态动态页面加载

时间:2019-02-04 08:57:32

标签: javascript datatables bootstrap-modal

我在这里尝试的是非常复杂的事情,但是我还没有找到实现解决方案的方法。我正在研究的部分如下所示:

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

提前谢谢!

0 个答案:

没有答案