Bootstrap:动态编辑数据的模态对话框

问题描述 投票:0回答:2

这个问题可能是重复的,但是我不知道要寻找我要寻找的解决方案的任何关键词。

我正在一个向用户显示表格的网站上工作。该表在一列中包含用户可以编辑的注释。为此,我为该列中的每一行添加了一个按钮,以打开引导模式对话框,用户可以在其中编辑与特定行关联的注释。我还有一个JavaScript函数“ saveNote(recordId)”,它从模式对话框的输入字段中读取输入的文本,然后通过ajax发布将其发送到服务器。

现在我的问题是:如何以及在哪里存储当前正在编辑的行的ID,以便可以将其传递给saveNote()函数?我在引导程序文档中找到了一个示例,但该示例仅涉及将数据动态传递到模式对话框(Varying modal content)。在模式对话框中,有什么通用的方法可以做到这一点,或者我需要在JavaScript中使用全局变量吗?

javascript bootstrap-modal
2个回答
1
投票

要绑定saveNote按钮的位置,您可以将button的值设置为记录id,并将其传递给方法,如下所示:

<button value""+ recordId +"" onclick="saveNote("+ recordId +")">edit</button>

类似的东西。


0
投票

您不需要全局变量。只需将recordId与编辑按钮绑定即可。

当分散表格行时,请使用每个编辑按钮,将行的recordId用作编辑按钮的ID,甚至类也适用。

并且在单击编辑按钮时,请尝试获取按钮自己的recordId或类并提取recordId,然后可以使用该recordId进行发布请求

© www.soinside.com 2019 - 2024. All rights reserved.