0

我正在使用 jquery-datatables-editable ( http://code.google.com/p/jquery-datatables-editable/ ) 来使用 jQuery 管理我的表，但是我需要做的是当我编辑一个单元格时，我想要获取我刚刚编辑的单元格的 id 和类。我怎样才能做到这一点？这是我的代码的一部分：

//creating the table
var table = $('<table id="mytable" border="1" cellpadding="1" cellspacing="1"></table>');
var head = $('<thead><tr><th>Name</th><th>IP</th><th>Status</th><th>Last Seen</th><th>Pref. Smithers</th><th>Debug LvL</th></tr></thead>');
table.append(head);
var body = $('<tbody></tbody>');
for (var i = 0; i < x.length; i++) {
    //using xml to fill the cells
    var ip = x.item(i).getAttribute("id");
    var row = $('<tr id="' + ip + '"></tr>');
    var id = $('<td id="ip" class="' + ip + '"></td>');
    var ls = $('<td id="lastseen" class="' + ip + '"></td>');
    var nm = $('<td id="name" class="' + ip + '"></td>');
    var st = $('<td id="status" class="' + ip + '"></td>');
    var dblvl = $('<td id="defaultloglevel" class="' + ip + '"></td>');
    var prfsmth = $('<td id="preferedsmithers" class="' + ip + '"></td>');
    var lastseen = x.item(i).getElementsByTagName("lastseen")[0].childNodes[0].nodeValue;
    var name = x.item(i).getElementsByTagName("name")[0].childNodes[0].nodeValue;
    var status = x.item(i).getElementsByTagName("status")[0].childNodes[0].nodeValue;
    var defaultloglevel = x.item(i).getElementsByTagName("defaultloglevel")[0].childNodes[0].nodeValue;
    var preferedsmithers = x.item(i).getElementsByTagName("preferedsmithers")[0].childNodes[0].nodeValue;
    nm.html(name);
    id.html(ip);
    st.html(status);
    ls.html(lastseen);
    dblvl.html(defaultloglevel);
    prfsmth.html(preferedsmithers);
    row.append(nm);
    row.append(id);
    row.append(st);
    row.append(ls);
    row.append(prfsmth);
    row.append(dblvl);
    body.append(row);
}
table.append(body);

$('#service_table').append(table);


//initiating the editable datatable
var oTable = $('#mytable').dataTable().makeEditable({
    sUpdateURL: function(value, settings) {
        return (value); //Simulation of server-side response using a callback function
    },
    "aoColumns": [
        {
        indicator: 'Saving platforms...',
        tooltip: 'Click to edit platforms',
        type: 'textarea',
        submit: 'Save changes',
        fnOnCellUpdated: function(sStatus, sValue, settings) {
            alert("(Cell Callback): Cell is updated with value " + sName);
        }},
        null
        ,
    {
        indicator: 'Saving platforms...',
        tooltip: 'Click to edit platforms',
        type: 'textarea',
        submit: 'Save changes',
        fnOnCellUpdated: function(sStatus, sValue, settings) {
            //I WANT HERE TO BE ABLE TO ALERT() THE ID AND THE CLASS OF THE CELL THAT WAS JUST EDITED
            alert("(Cell Callback): Cell is updated with value " + sValue);
        }},
        null
        ,
    {
        indicator: 'Saving platforms...',
        tooltip: 'Click to edit platforms',
        type: 'textarea',
        submit: 'Save changes',
        fnOnCellUpdated: function(sStatus, sValue, settings) {
            alert("(Cell Callback): Cell is updated with value " + sValue);
        }},
    {
        indicator: 'Saving platforms...',
        tooltip: 'Click to edit platforms',
        type: 'textarea',
        submit: 'Save changes',
        fnOnCellUpdated: function(sStatus, sValue, settings) {
            alert("(Cell Callback): Cell is updated with value " + sValue);
        }}
    ]

});
4

2 回答 2

0

fnOnCellUpdated使用默认功能是不可能的。但是，您可以在 jquery-datatables-editable 插件中进行简单的调整。

我在 code.google 上发现了一个提供解决方案的问题：更改此行：

settings.fnOnCellUpdated(status, sValue, settings);

至

settings.fnOnCellUpdated(status, sValue, aPos[0], settings);

那应该给你行的ID。

因为我需要来自 html 的表格行的 id，如下所示：

<tr id="46" class="odd">
    <td class="sorting_1">46</td>
    <td >0</td>
</tr>

我换了行

settings.fnOnCellUpdated(status, sValue, settings);

至

settings.fnOnCellUpdated( fnGetCellID(this), status, sValue, settings);

并在调用函数时返回表行的 id：

fnOnCellUpdated:function(id){}
于 2012-10-18T15:38:07.800 回答
0

我可以提供一些理论，没有确定的：

这个

有可能this，在fnOnCellUpdated回调的范围内。指已编辑的td.

设置

可能td作为属性传递settings给fnOnCellUpdated回调，但是 datatables-editable 文档在定义settings. 您可以尝试探索它的属性。

其他回调

此页面表明该选项将采用回调函数，但是您遇到与- 它的参数未定义sUpdateURL相同的问题。fnOnCellUpdatedsettings

此页面表明有一个fnOnEdited回调，这可能很有用，但它的参数没有完全定义。

于 2012-08-15T20:33:21.563 回答