Как исправить, выпадающий список на моем DataTable не работает? - PullRequest
Новая
       3

Как исправить, выпадающий список на моем DataTable не работает?

0 голосов
/ 17 февраля 2020

Мой выпадающий список не отображается, и нет ошибок, как я могу исправить эту проблему, и я использую Render для этого. Любая идея, что может быть причиной того, что они не отображаются в моем списке DataTable? Пожалуйста, помогите мне улучшить мою логику c. Что я хочу, так это чтобы моя опция выбора отображалась в DataTable и была в состоянии дать пользователю возможность выбрать из списка любую идею о том, почему мои логи c не работают? 

<table id="EventsManagementsTable" class="cell-border" style="width:100%">


    <thead>
        <tr>

            <th>TrainingType</th>
            <th>TrainingDescription</th>
            <th>Price</th>
            <th>Venue</th>
            <th>Facilitator</th>
            <th>WhoAttend</th>
            <th>RSVP</th>
        </tr>
    </thead>


</table>

<link href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css" rel="stylesheet" />


@section scripts{

    <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>


    <script>

        $(document).ready(function () {

            $("#EventsManagementsTable").DataTable({

                "columnDefs": [
                    { "width": "5%", "targets": [0] },
                    { "className": "text-center custom-middle-align", "targets": [0, 1, 2, 3, 4, 5, 6] }

                ],

                "serverSide": "true",
                "order": [0, "asc"],
                "processing": "true",
                "language": {
                    "processing": "processing...... please wait"
                },


                "ajax": {
                    "url": "/Dashboard/GetData",
                    "type": "POST",
                    "datatype": "JSON",
                    "columns": [{
                        "data": "WhoAttend",
                        "name": "WhoAttend",
                        "render": function (data, type, full) {
                            return '<select id= "dynamic_select" name= "dynamic_select">' +
                                '<option id= "0" value= "TrainingType">Select</option>' +
                                '<option id= "1" value= "TrainingDescription">Select</option>' +
                                '<option id= "2" value= "Price"></option>' +
                                '<option id= "3" value= "Value"></option>' +
                                '<option id= "4" value= "Facilitator"></option>' +
                                '<option id= "5" value= "WhoAttend"></option>' +
                                '<option id= "0" value= "RSVP"></option>' +
                                '</select>';

                        },

                    }],

                },
                "columns": [
                    { "data": "TrainingType", "name": "TrainingType" },
                    { "data": "TrainingDescription", "name": "TrainingDescription" },
                    { "data": "Price", "name": "Price" },
                    { "data": "Venue", "name": "Venue" },
                    { "data": "Facilitator", "name": "Facilitator" },
                    { "data": "WhoAttend", "name": "WhoAttend" },
                    { "data": "RSVP", "name": "RSVP" },

                ]


            });


        });



    </script>
...