在MVC 2中保留Tab控件数据

Question

我有多个选项卡，我为每个选项卡调用一个 ascx 文件，每个 ascx 文件都有一些控制和提交按钮。现在，当我在第一个选项卡中输入数据并切换到第二个选项卡并输入一些数据并单击提交时，第一个选项卡数据也变空。

我想保留第一个选项卡的数据，或者当我在第一个选项卡上输入数据并单击“提交”时，其他选项卡中的数据也必须存在。

任何人都可以了解如何解决这个问题。

Answer 1

MVC2 没有像 web.forms 那样的“视图状态”。这意味着如果它以某种方式不在屏幕上，您必须将其存储在会话中以保留它。我不建议使用会话，因为在某些情况下你可能会陷入困境，但对于某些事情来说可能是合适的。

如果您不想使用会话，您基本上还有 2 个选项：

1 - 在一页上显示所有选项卡，然后使用 jquery 向客户端显示/隐藏它们

例如：

<a href="#" onclick="showTab('tabcontents1');">Tab 1</a>
<a href="#" onclick="showTab('tabcontents2');">Tab 2</a>
<a href="#" onclick="showTab('tabcontents3');">Tab 3</a>

<div id="tabcontents1" class="tabcont">
...
</div>
<div id="tabcontents2" class="tabcont">
...
</div>
<div id="tabcontents3" class="tabcont">
...
</div>

然后使用 JQuery 或 javascript 在加载时隐藏它们，然后单击时显示它们。例如：

$(document).ready(function () {
   $(".tabcont").hide();
});

function showTab(tab) {
   $(".tabcont").hide();
   $("#"+tab).show();
}

或

2 - 将您想要保留的任何数据放入表单上的隐藏输入中。如果您只有一个小模型，这可能是最简单的方法。

注意：此规则是 HTML 规则，而不是 MVC 规则。 Webforms 只是“伪造”ViewState 的持久性，而 MVC 对于如何处理 http 更加诚实。