模态窗口更改表中的某些行而不是一行

Question

我有一些包含一些行的表。表行可以由ajax请求修改。修改发生在当前行的模态widnow中（仅适用于一行）。

所以，我发现了一个错误。我点击edit获取第1行。我看到模态窗口的值为第1行。所以，没关系。然后我点击close而不保存。好。我点击edit获取第二行。我看到模态窗口的值为第2行。所以，它也可以。现在，如果我单击Save changes，我会看到两个修改过的行（第1行和第2行），但似乎只有第2行必须修改。如果我对N个行数做同样的事情，我会看到N个已更改的行。

我不明白为什么会这样。有人可以解释一下吗？

https://jsfiddle.net/bogdan_017/26gaqpcf/#&togetherjs=C1ltBspbSs

Answer 1

每次单击某个编辑时，您都会在另一个点击事件中添加另一个点击事件...在此代码中// snip modal.modal('hide'); $(this).off('click'); // add this here // snip

点击它后，您需要删除保存按钮上的点击事件

...
<important_parameters>
   ....
</important_parameters>
<Paging>
   <EndTo>0</EndTo>
</Paging>
...

在这种情况下，您还需要处理模态关闭（关闭按钮）并删除保存按钮上的单击事件