Magnific Popup не работает с данными - PullRequest
Новая
       41

Magnific Popup не работает с данными

0 голосов
/ 14 декабря 2018

Я использовал WebGrid для своего проекта MVC и решил изменить WebGrid на Datatable.После этого Magnific Popup перестал работать.Но это работало, когда я использовал WebGrid.Вот мой код: 

var table = $("#demoGrid").DataTable({
        "ajax": {
            "url": "/Hasta/HastaGetir",
            "tye": "GET",
            "datatype": "JSON"
        },
        "columns": [
            {
                "data": null,
                "searchable": false,
                "orderable": true,
                "render": function (data) {

                    if ( data.Avukatlik  == true) {
                        return '<i title=\"Avukata Gönderildi\" class=\"fa fa-exclamation-circle\" style=\"color:red;\"></i>';
                    }
                    else {

                        return '';

                    }
                }
            },
            { "data": "AdiSoyadi", "autowidth": true },
            { "data": "TCKimlik", "autowidth": true },
            { "data": "Telefon", "autowidth": true },
            { "data": "Doktor", "autowidth": true },
            {
                "data": null,
                "sortable": false,
                "render": function (o) {
                    return "<span class=\"label label-default\" style=\"background-color:" + o.Renk + ";\">" + o.Risk + "</span>";
                }
            },
            { "data": "ToplamBorc", "autowidth": true },
            { "data": "ToplamOdeme", "autowidth": true },
            { "data": "Bakiye", "autowidth": true },
            {
                "data": null,
                "sortable": false,
                "render": function (o) {
                    return "<a class=\"btn btn-primary btn-xs ajax-popup\" title=\"Düzenle\" href=\"/Hasta/_HastaEkle?id=" + o.Id + "\"><i class=\"fa fa-pencil-alt\"></i></a> " +
                        "<a class=\"btn btn-danger btn-xs\" title=\"Sil\" href=\"javascript:HastaSil(" + o.Id + ")\"  id=\"sil" + o.Id + "\"><i class=\"fa fa-trash \"></i></a> " +
                        "<a class=\"btn btn-warning btn-xs\" title=\"Görüşme Ekle\" href=\"/HastaGorusme/GorusmeSayfasi?id=0&hastaId=" + o.Id + "\"><i class=\"fa fa-comments\"></i></a>" +
                        "<a class=\"btn btn-secondary btn-xs ajax-popup\" title=\"Büro Ekle\" href=\"/SabitTanimlar/HastaBuroEkle?hastaId=" + o.Id + "\"><i class=\"fa fa-gavel\"></i></a>";
                }
            }
        ],
        stateSave: true

    });


$(document).ready(function () {


    $(".ajax-popup").magnificPopup({
        type: 'ajax',
        ajax: {
            settings: null,
            // settings: {cache:false, async:false}
            mainClass: 'popup',
            cursor:
                'mfp-ajax-cur col-md-6', // CSS class that will be added to body during the loading (adds "progress" cursor)
            tError:
                '<a href="%url%">The content</a> could not be loaded.' //  Error message, can contain %curr% and %total% tags if gallery is enabled
        }

    });


});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
    <br />
    <div style="width:100%; margin:0 auto;">
        <table id="demoGrid" class="table table-striped table-bordered dt-responsive nowrap" width="100%" cellspacing="0">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Adı Soyadı</th>
                    <th>TC Kimlik</th>
                    <th>Telefon</th>
                    <th>Doktoru</th>
                    <th>Risk</th>
                    <th>Toplam Borç</th>
                    <th>Toplam Ödeme</th>
                    <th>Bakiye</th>
                    <th>İşlemler</th>
                </tr>
            </thead>
       </table>
    </div>
</div>

Когда я нажимаю кнопку в Datatable, вместо всплывающего окна открывается новая страница.Я не знаю, каково решение.Что я могу с этим поделать?Вы можете мне помочь?

...