数据表编辑列不起作用

时间:2011-10-26 20:29:58

标签: jquery datatables jeditable

是jEditable的新手,有数据表...

我正在生成一个表并尝试编辑一个列,这里是动态html之后的代码..,

oTable = $('#myTable').dataTable({
    "fnDrawCallback": function() {
        $('td:eq(4)', this.fnGetNodes()).editable('<url>', {
            "callback": function(sValue, y) {
                var aPos = oTable.fnGetPosition(this);
                oTable.fnUpdate(sValue, aPos[0], aPos[1]);
            },
            "height": "14px",
            "tooltip": 'Click to edit...'
        });
    }
});

任何人都可以解释“callback”和“submitdata”中的代码

修改: 在发布值之前如何进行事先验证?如果我提交一个函数,任何人都可以给我一个例子......

1 个答案:

答案 0 :(得分:0)

jEditable documentation中,它将callback解释为:

  

(功能)回调:在提交表单后调用函数。   回调函数接收两个参数。值包含已提交   形式内容。设置包含所有插件设置。内功能   这指的是原始元素。

在从数据提交收到对url的第一个参数中指定的.editable()的响应后调用它。在您的情况下,在从数据提交中返回响应后将调用oTable.fnUpdate(sValue, aPos[0], aPos[1]),以使用新值更新相应的单元格。

至于submitdata

  

(混合) submitdata :提交内容时的额外参数。可   哈希或函数返回哈希值。

默认情况下,jEditable将两组数据POST到url:id(可编辑元素的ID)和value(输入的值)。 submitdata允许您向POST数据添加额外的参数。

因此,最初的数据发送方式为:

id=cell_id&value=edited_content

在您的情况下,数据将如下所示:

id=cell_id&value=edited_content&row_id=tr_id&column=column_index