Как использовать datatables (плагин jquery datagrid) для реализации функции проверки всех и удаления? - PullRequest
6 голосов
/ 30 марта 2012

Я использую плагин Jquery Datatables для манипулирования строками На самом деле он имеет плагин tabletools, который позволяет функцию проверки, Тем не менее, я могу проверить все элементы / проверить мульти, но как добавить кнопку удаления и вернуть выбранную строку ?

У меня уже есть SQL-запрос для удаления и функция для всплывающего окна с предупреждением об удалении.

Спасибо

Выбрать все в виде данных

Документ о том, как получить строку, но я все еще не понимаю, как это сделать, спасибо

        $(document).ready( function () {
            $('#viewSub').dataTable( {
                "sDom": 'T<"clear">lfrtip',                 
                "oTableTools": {
                    "sSwfPath": "../plugin/DataTables-1.9.0/extras/TableTools/media/swf/copy_cvs_xls_pdf.swf",
                    "sRowSelect": "multi",
                    "aButtons": [
                        "select_all",
                        "select_none",
                        "copy",
                        "print",
                        "delete", <===********can not add here, seems only allow pre-defined button.
                        {
                            "sExtends":    "collection",
                            "sButtonText": "Save",
                            "aButtons":    [ "csv", "xls", "pdf" ]
                        }
                    ]

                }
            } );
        } );

1 Ответ

2 голосов
/ 02 апреля 2012

Вы можете добавить функцию для перехвата выбранной строки:

$(document).ready( function () {
    $('#example').dataTable( {
        "sDom": 'T<"clear">lfrtip',
        "oTableTools": {
            "fnRowSelected": function ( node ) {
                alert( 'The row with ID '+node.id'+ was selected' );
            }
        }
    } );
} );

В этой функции вы можете, например, добавить к этой кнопке установленное значение скрытого поля node.id, простой обработчик <button>Delete</button> и onClick, чтобы удалить строку с выбранным идентификатором.

Проверьте также ответы на этот вопрос .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...