Сохранять выбор вкладки JQuery UI даже после публикации формы

Question

Я использую JQuery UI вкладки , где у меня есть несколько форм во вкладках. Я хочу Сохранить вкладку даже после Форма сообщения .

Я не хочу использовать cookie.js

Вы можете увидеть мой код здесь на jsbin

Как мне добиться этого другим способом?

Спасибо

Answer 1

Вы можете использовать скрытое поле, чтобы сохранить значение и затем сохранить при обратной передаче.

<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"/>

ПростойТеперь ваша вкладка сохраняется.

Answer 2

Самый простой способ - это опубликовать форму.Что-то вроде этого будет делать:

$("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.