我正在使用 JQuery UI标签,其中我在标签中有多个表单。我想要的是保留选项卡选择,即使在表格发布之后。
我不想要使用 cookie.js
您可以在jsbin
看到我的代码我怎样才能以其他方式实现这一目标?
感谢
答案 0 :(得分:2)
最简单的方法是在表单上发布ajax。这样的事情会做:
$("form").submit(function() {
$.post(); // do the necessary post here
return false; // Do not submit the form
});
如果不允许使用Ajax,则可以在url中传递选项卡信息:
<div id="fragment-1">
<p>Form 1</p>
<form method="post" action="?tab=1">
<input type="text" value="">
<input type="submit" value="Save Changes" />
</form>
</div>
然后,您在页面加载中可以选择特定选项卡:
$("#tabs").tabs("select", tab);
您需要使用服务器核心生成上面的标签,或使用this之类的内容通过javascript检索它。
答案 1 :(得分:2)
您可以使用隐藏字段保存值,然后保留回发。
<script type="text/javascript">
$(document).ready(function () {
$('#tabs').tabs({
select: function (event, ui) {
$("#<%= hfSelectedTAB.ClientID %>").val(ui.index);
}
});
$("#tabs").tabs("option", "selected", [$("#<%= hfSelectedTAB.ClientID %>").val()]);
});
</script>
<asp:HiddenField ID="hfSelectedTAB" runat="server" Value="0"/>
简单。现在您的标签保留。