0

我有一个带有多个选项卡的表单。每个选项卡都有各种项目（文本框、单选按钮、下拉框）。我需要在空闲 15 秒后或当用户单击不同的选项卡/项目时保存内容。

目前，当用户单击按钮时，我正在保存。这会产生一个问题，如果用户在选项卡 x 上并单击按钮，则表单将返回到第一个选项卡。

我希望在最后一个选项卡上有保存按钮。当用户在不同的选项卡中填写数据时，它会自动被保存。当用户单击最后一个选项卡时，会显示命令按钮，然后在单击时执行另一个保存，并将用户带到包含所有记录的主屏幕。

请您的建议和指导:)

问候，

巴布

4

3 回答 3

1

我想说您要在选择另一个选项卡时使用AJAX调用提交每个选项卡内容（表单值）。这样，您可以让用户在选项卡之间导航，而无需重新加载整个表单。这些值被移交给服务器上的某个 ajax 端点，在那里可以存储它们。

您可以对自动保存功能执行相同的操作：设置一个计时器，当它触发您使用 ajax 调用在后台发布表单值时。

为了让您的生活更轻松，请使用 jquery 进行 ajax 调用，使用 jquery-ui 进行选项卡。

于 2012-12-17T13:24:16.017 回答
0

在将数据保存在最后一个选项卡中之前，您不会保存以前的选项卡数据。因为如果用户在移动到最后一个选项卡后不愿意保存数据意味着.. 保存以前的数据并删除它是浪费..

所以你可以在会话中做到这一点......（即）你将每个选项卡的数据存储在会话中，会话 ID 为

$session[ID][fieldName1]
$session[ID][fieldName2]
$session[ID][fieldName3]

最后，如果用户单击最后一个按钮选项卡..您从会话中获取数据并使用 AJAX保存在数据库中并取消设置会话变量....如果他单击取消也取消设置.....

于 2012-12-17T13:24:51.730 回答
0

您还可以使用 Jquery 选项卡，以便将完整的表单放在一个页面上，并且可以将表单保存在最后一个选项卡上（使用您的按钮）。

这样您就不必担心您的数据会保存到最后一个选项卡。

于 2012-12-17T15:35:06.803 回答