繁体   English   中英

如何激活Jquery UI选项卡中的当前选项卡?

[英]How to activate current tab in Jquery UI tabs?

描述:
我正在使用ASP.NET MVC 5jquery (最新版本)。
我正在建立一个我将大量使用jquery tabs的应用程序。

我想激活current tab (在Save->Reload )。
我目前得到的current tab使用TempData的 。我值在使用中获得价值没有问题tempdata 但是我必须对值进行hard code 。(如果提交请求来自User使用'1' ,如果Group使用'2' ,如果Module使用'3' )。

题:
我如何才能删除此硬编码方法。
我想知道执行此操作的标准方法。

我的控制器:

 TempData["TabId"] =1

jQuery的:

   $(function () {
              $("#tabs").tabs();

              $("#tabs").tabs({
                active: '@TempData["TabId"]'
               });
       });

  function btn_Save_Module() {
        $(".container").on("click", "#btn-Save-Module", function () {

            $.ajax(
                           {
                               url: '@Url.Action("CreateEditModule")',
                               dataType: 'json',
                               data: $("#Form-Module").serialize(),
                               type: 'POST',
                               success: function (result) {

                                   if (result)
                                       alert("Successfully Saved");
                                   else
                                       alert("Save Failed");


                                   location.reload();   //*see this line*


                               },
                               error: function (xhr) {
                                   alert(xhr.statusText);
                               }
                           });

        });

在此处输入图片说明

好的,如果我正在查看的是非回发/仅保存的话:

//Set active tab your .on("click" before the ajax call 
var active = $( "#tabs" ).tabs( "option", "active" );

/// Then in your ajax success method 
$("#tabs").tabs('select', active);

如果有回发,请使用隐藏字段存储活动字段,并在回发时重置

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM