使用jquery同步两个表

时间:2012-04-01 17:20:16

标签: jquery

我有两张桌子。两个表都是可编辑的,两个表都应该是相同的:\

这不是我的愿望..但客户希望: - )

所以我的问题是,我需要注意,两个表都有相同的内容^^你会怎么做?也许用jquery和json?

有什么想法吗?

我使用aspx,jquery,json等pp。

编辑:

好的,这里的信息。情况:客户有一个表,他可以在运行时添加订单。每个订单都是表格中的一行。客户可以编辑表格中的一些输入。对于一个表,没问题......但现在我必须有两个相同的表。

现在的情况是:表A和表B.用户在表a中添加,删除或更改行。表B将识别这些更改并将同步数据。

结构是: [图像链接] [选择] [输入] [输入] [输入] [输入] [输入]

我正在考虑识别对表的更改,然后将整个表内容克隆到另一个表。

最佳选择是:JSON绑定到行:-)但我不认为它可能; - (

2 个答案:

答案 0 :(得分:3)

我建议使用这些内容:

$('table td').blur(
    function(){
        var row = $(this).closest('tr').index(),
            col = $(this).index(),
            table = $(this).closest('table');

        $('table')
            .not(table)
            .find('tr:eq(' + row + ')')
            .find('td:eq(' + col + ')')
            .text($(this).text());
    });​

JS Fiddle demo


根据OP的评论

编辑

  

它是一个正常的table input,所以没什么特别的。

$('table input').blur(
    function(){
        var row = $(this).closest('tr').index(),
            col = $(this).closest('td').index(),
            table = $(this).closest('table');

        $('table')
            .not(table)
            .find('tr:eq(' + row + ')')
            .find('td:eq(' + col + ') input')
            .val($(this).val());
    });​

JS Fiddle demo

参考文献:

答案 1 :(得分:0)

将数据保存在JavaScript变量中,并在更改时更新两个htmls。这是一般的方法,我可以说没有看到你的标记。

相关问题