Vivek.anand34 Ответов: 1

Кнопки в jQuery datatable в ASP .NET

уважаемый друг,

У меня есть значения привязки в jQuery datatable. без какой-либо кнопки в datatable выполняется хорошо. когда я добавляю кнопку в datatable, она не показывает значения при загрузке страницы.

Что я уже пробовал:

function BindGridview() {
       $.ajax({
           type: "POST",
           contentType: "application/json; charset=utf-8",
           url: "Employee.aspx/BindGridview",
           data: "{}",
           dataType: "json",
           success: function (data) {
        $('#MyTable').DataTable({
                   "aaData": JSON.parse(data.d),
                   "columns": [{ "data": "SNo", sortable: false },
                               { "data": "Id", "visible": false, sortable: false },
                               { "data": "EmployeeId", sortable: false },
                               { "data": "EmployeeName" }, { "data": "DOJ" },
                               { "data": "Contact", sortable: false },
                               { "data": "AltContact", sortable: false },
                               {
                                 mRender: function (data, type, row) {
return '<a href="" class="table-edit" data-id="Id" onclick="Edit(' + row.Id + ')">EDIT</a> / <a href="" class="editor_remove" onclick="Delete(' + row.Id + ')">Delete</a>'
                       }
                   }
                   ]
               });
           },
           error: function (data) {
               var r = data.responseText;
               var errorMessage = r.Message;
               alert(errorMessage);
           }
       });
   }

1 Ответов

Рейтинг:
2

Karthik_Mahalingam

обратитесь к этому примеру и исправьте ошибки, убедитесь, что вы определили дополнительные два th в заголовке таблицы.

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="http://localhost:45673/dt/buttons.dataTables.min.css" rel="stylesheet" />
    <link href="http://localhost:45673/dt/jquery.dataTables.min.css" rel="stylesheet" />
    <script src="http://localhost:45673/dt/jquery-1.12.4.js"></script>
    <script src="http://localhost:45673/dt/jquery.dataTables.min.js"></script>
    <script src="http://localhost:45673/dt/dataTables.buttons.min.js"></script>
</head>
<body>
    <table id="MyTable" style="width:400px">
        <thead>
            <tr>
                <th>Slno</th>
                <th>Contact</th>
                <th> </th>
                <th> </th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
    <script>
        var input = [{ Id: 1, Contact: 'aa' },
        { Id: 2, Contact: 'bb' },
        { Id: 3, Contact: 'cc' }]

        $('#MyTable').DataTable({
            "aaData": input,
            "columns": [{ "data": "Id", sortable: false },

                        { "data": "Contact", sortable: false },
                        {
                            mRender: function (data, type, row) {
                                return '<a href="#" class="table-edit" data-id="Id" onclick="Edit(' + row.Id + ')">EDIT</a> / <a href="#" class="editor_remove" onclick="Delete(' + row.Id + ')">Delete</a>'
                            }
                        }
            ]
        });

    </script> 
</body>
</html>

Vivek.anand34

Нет это тоже не входит в загрузку страницы

Karthik_Mahalingam

в смысле?

Vivek.anand34

Я дал этой функции такое право..
$(документ).готово(функция () {
BindGridview();
});

Karthik_Mahalingam

опубликуйте свой код

Vivek.anand34

без этой кнопки код хорошо работает в pageload. с кнопкой не в pageload.

Karthik_Mahalingam

возможно, вы что-то упускаете