2013-08-08 4 views
3

Возможно использование пользовательских кнопок в JQuery datatable с использованием TableTool для пользовательских событий, таких как сохранение, редактирование или удаление данных. Я действительно не понимаю, как переопределить встроенные кнопкиПользовательские кнопки jQuery datatable (TableTool), вызывающие события

var oTable = $('#unis').dataTable({ 
     //"bProcessing": true, 
     "bServerSide": true, 
     "sAjaxSource": "index.php?...&<?php echo JSession::getFormToken() . '=1' ?>", 
     "sDom": "<'row-fluid'<'span6'T><'span6'f>r>t<'row-fluid'<'span6'l><'span6'p>>", 
     "sPaginationType": "bootstrap", 
      "aoColumns":[ 
        {"bSortable": false}, 
        {"bSortable": false}, 
        {"bSortable": true}, 
        {"bSortable": true}, 
        {"bSortable": false}, 
        ], 
     "oTableTools": { 
     "aButtons": [ "delete selected", "export" ] 
    } 

    }); 

Найденный!

я должен был использовать sExtends

"oTableTools": { 
         "sRowSelect": "multi", 
         "aButtons": [ 
             {"sExtends": "new_record","sButtonText": "Add"}, 
             {"sExtends": "select","sButtonText": "Delete Recods", 
             "fnClick": function (nButton, oConfig, oFlash) { 
                //delete stuff comes here 
                alert('test'); 
               } 

             } 
            ] 
         } 

ответ

1

После проведения исследований в DataTables API я нашел обходной путь с помощью sExtends вы можете расширить возможности кнопок и добавить ваш

"oTableTools": { 
         "sRowSelect": "multi", 
         "aButtons": [ 
           {"sExtends": "new_record","sButtonText": "Add"}, 
           {"sExtends": "select","sButtonText": "Delete Recods", 
           "fnClick": function (nButton, oConfig, oFlash) { 
            //delete stuff comes here 
            alert('test'); 
              } 

             } 
            ] 
         } 
Смежные вопросы