Как сделать эту базовую таблицу начальной загрузки JS, чтобы можно было добавлять и удалять - PullRequest
Новая
       0

Как сделать эту базовую таблицу начальной загрузки JS, чтобы можно было добавлять и удалять

0 голосов
/ 20 октября 2019

В настоящее время я изучаю, как программирование началось с Javascript. Указать, КРУД. Я понял, как сделать его редактируемым, но проблема в том, что я не могу понять, как сделать этот объект добавляемым или удаляемым

Это мой набор данных jquery, который отображается в DataTable 

var dataSet = [
                {
                    "id": "6231302001",
                    "name": "Ethan Hunt",
                    "gender": "Male",
                    "major": "CS",
                    "school": "IT"
                },
                {
                    "id": "6231502001",
                    "name": "Lara Croft",
                    "gender": "Female",
                    "major": "CE",
                    "school": "IT"
                }];

        var table = $('#myTable').DataTable({
            responsive: true,
            deferRender: true,
            data: dataSet,
            columns: [
                { data: "id", title: "ID" },
                { data: "name", title: "Name" },
                { data: "gender", title: "Gender" },
                { data: "major", title: "Major" },
                { data: "school", title: "School" },
                { title: "Action", defaultContent: "<button id='btnDelete' class='btn btn-danger'>Delete</button> <button id='btnEdit' class='btn btn-warning'>Edit</button>", orderable: false }
            ]
        });

Проблема 1: это функция удаления, которая была удалена для меня. Однако строка возвращается (без значений массива), когда я возвращаюсь на первую страницу. (Есть две страницы.) 

    $("#myTable tbody").on("click", "#btnDelete", function () {
        var record = table.row($(this).parents("tr")).data();
        record.id = dataSet.splice;
        record.name = dataSet.splice;
        record.gender = dataSet.splice;
        record.school = dataSet.splice;
        record.major = dataSet.splice;
        $(this).parents("tr").remove();
    });

Проблема 2: Я не могу понять, как добавить строкус входной информацией для этой таблицы. Я провел неделю и получил этот неработоспособный код (не уверен, что это правильный путь). это предупредило об этом, когда я нажал

Предупреждение DataTables: таблица id = myTable - запрошенный неизвестный параметр 'id' для строки 16, столбец 0. Для получения дополнительной информации об этой ошибке см. http://datatables.net/tn/4

Кто-нибудь может помочь? 

        $("#btnAddSave").click(function () {
            table.row.add([{
                "id": "6231302016",
                "name": "Christiano Ronaldo",
                "gender": "Female",
                "major": "CE",
                "school": "IT",
        }]).draw(false);
        });
...