如何在jquery数据表中添加复选框?

时间:2014-04-08 11:11:40

标签: javascript jquery jquery-plugins datatables jquery-datatables

我正在尝试使用jquery datatable添加复选框。 这是我的初始化函数。

initialiseDataTable : function(){
    oTable = $('#example').dataTable({ bJQueryUI: true,
    "bPaginate": false,
   "bInfo": false,
   "bRetrieve":true,
   "sPaginationType": "full_numbers"})
   .makeEditable({
                  sUpdateURL: function(value, settings)
                              {
                                      return(value);
                              },
                              "aoColumns": [

                       {
                           type: 'checkbox',
                       },

                       {   indicator: 'Saving CSS Grade...',
                           tooltip: 'Click to select CSS Grade',
                           loadtext: 'loading...',
                           type: 'select',
                           onblur: 'submit',
                           data: "{'':'Please select...', 'A':'A','B':'B','C':'C'}"  
                       },

                       {  

                       },

                       { 

                       },
                       { 

                       }
       ]
              });

   },

但它给出了一些类型错误 TypeError:$ .editable.types [settings.type]未定义
var plugin = $ .editable.types [settings.type] .plugin || function(){};
这有什么问题?我该如何添加复选框?

1 个答案:

答案 0 :(得分:3)

尝试定义您的"复选框"在初始化此类型之前键入

$.editable.addInputType('checkbox', {
    element: function () {
        var input = $('<input type="checkbox">');
        $(this).append(input);
        return(input);
    },
    content: function (columnValue) {
        /* some actions here */
    }
});