0

我正在使用 jQuery 手风琴。在手风琴中,我很少有链接可以调用控制器操作。

    <div id="accordion" class="accordion">
    <h1 class="requestsheader"><a href="#1">Header 1</a></h1>
    <div>
        <table>
@foreach (var item in Model)
            {
<tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.Name)
                    </td>
                    <td>
                        <div class="requestButton">
                            @Html.ActionLink("Send Request for Authorization", "SendRequest", new { id = item.Id })
                        </div>
                    </td>
                </tr>
}
</table>
    </div>

<h1 class="requestsheader"><a href="#2">header 2</a></h1>
    <div>
...
...
</div>

</div>

以下是javascript代码:

$("#accordion").accordion({
        collapsible: true, clearStyle: true, heightStyle: "content", navigation: true,active:false   
    })

在我调用某个操作后,所有窗格都崩溃了。我需要一种在调用操作后保持当前窗格打开的方法。如果这可以使用隐藏字段来完成,那么在 mvc 中使用隐藏字段的正确方法是什么。

4

3 回答 3

1

我认为使用 cookie 是最好的方法。以下是我如何解决它。希望这会帮助寻找类似解决方案的人。

以下代码转到 document.ready 函数:

  var activeIndex = parseInt(getCookie('openedPane'));

$("#accordion").accordion({
    collapsible: true, clearStyle: true, heightStyle: "content", navigation: true, active: activeIndex,
    activate: function (event, ui) {
        var index = $(this).children('h1').index(ui.newHeader);            
        setCookie('openedPane', index, 1);            
    },
    create: function (event, ui) {            
        deleteCookie('openedPane');   //Deleting the cookie when accordion is created         
    }
});    

以下是在 Javascript 中设置/获取/删除 cookie 的代码:

function setCookie(name, value, days) {    
if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    var expires = "; expires=" + date.toGMTString();
}
else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
}

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

function deleteCookie(name) {
    setCookie(name, "", -1);
}
于 2013-09-05T07:25:30.313 回答
0

您可以发布一个隐藏变量,其中包含您希望在帖子返回时激活的面板,将其添加到 viewbag,然后有条件地激活该面板。

您必须向我展示您使用的表单才能评论如何发布该附加变量(不知道它是否为 ajax、表单、actionlink 等),但其余部分如下所示:

public ActionResult MyPagingMethod(int page = 1, int? panel = null) // or whatever your action is
{
    // do work

    ViewBag.PanelToOpen = panel;

    // return view
}

然后是 javascript

$("#accordion").accordion({
    collapsible: true, clearStyle: true, heightStyle: "content", navigation: true,active:false   
})
@if(Viewbag.PanelToOpen != null) {
    $('#accordion').accordion('activate', @ViewBag.PanelToOpen);
}

或者,(并且可能有利)您可以使用 javascript 为打开的手风琴面板设置 cookie,并在页面加载时,如果设置了 cookie,则激活该面板。这将打开的面板的客户端逻辑与服务器分开。

于 2013-09-03T11:50:40.787 回答
0

非常感谢你最后我的代码是这样的。它适用于活动的手风琴窗格。

 $(function () {
      $("#accordion").accordion({
           collapsible: true
           clearStyle: true,
           heightStyle: "content",
           navigation: true, 
           active: false 
       });    
 });
于 2015-08-26T03:33:34.943 回答