jquery-datatable-jeditable在浏览器中显示已编辑的值但不保存在DOM中

时间:2015-01-18 11:12:17

标签: javascript jquery jquery-datatables jeditable jquery-datatables-editor

我在下面发布了jeditable插件的帖子。 Using Jquery datatable jeditable without mandatory field URL。 (我希望用户编辑表格,一旦完成,用户可以点击提交按钮并发送进行处理。) 一切都很完美,数据正在编辑,我可以在表格中看到更新的值,但是当我点击Sumbit按钮时,在服务器端我得到的旧值。我不知道我在这里缺少什么。此外,如果我做html页面的“view-source”,我看不到更新的值,虽然我可以在浏览器中看到更新的值: -

  $(document).ready(function() { /* Init DataTables */
        var oTable = $('table').dataTable();

        /* Apply the jEditable handlers to the table */
        var theCallback = function(v, s) {
            console.debug("Element", this);
            console.debug("New value:", v);
            console.debug("Setting object:",s);
            return v;
        };
        $(oTable).find('td').editable(theCallback, {
            "callback": function(sValue, y) {
                console.log("jEditable callback is executed => updating dataTable");
                var aPos = oTable.fnGetPosition(this);
          alert(sValue);


    }
        });
    });

1 个答案:

答案 0 :(得分:0)

最后,我离开了在客户端更新表格数据的想法。我按照了很棒的文章http://www.codeproject.com/Articles/193068/Adding-data-management-CRUD-functionalities-to-the并使用了ServerSide方法。现在我正在进行ajax调用以更新表的数据,Ajax调用将调用UpdateDataServlet并更新表的列数据和刷新表在客户端。我经常努力寻找解决问题的方法。希望这有助于某人。