Asp.net mvc4 引导选项卡更改答案

【问题标题】：Asp.net mvc4 bootstrap tab changeAsp.net mvc4 引导选项卡更改
【发布时间】：2013-09-10 08:48:06
【问题描述】：

我无法成功在我的一个视图中的一个选项卡的 onshown 事件上挂钩 @Url.Action（我想在每个新选项卡选择上更改我的 ViewModel 的属性）。这有什么问题吗？

<div id="my-tab-content" class="tab-content" >
        @foreach (var item in Model.LesCategories)
        {

            <div id="tabs-@item.Id" class=" tab-pane @item.ClasseActive" onshown="location.href ='@Url.Action("ChangeAction","Plat")'">
                <table>
                    @foreach (var plat in Model.LesPlats)
                    {
                        if (plat.Category.Id == item.Id)
                        { 
                        <tr>
                            <td>
                                @Html.DisplayFor(platItem => plat.Nom)
                            </td>
                            <td>
                                <div class="btn-group">
                                    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Action <span class="caret">
                                    </span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="/Plat/Edit/@plat.IdPlats">Modifier</a></li>
                                        <li><a href="/Plat/Details/@plat.IdPlats">Détails</a></li>
                                        <li><a href="/Plat/Delete/@plat.IdPlats">Supprimer</a></li>
                                        <li><a href="/Plat/Descendre/@plat.IdPlats">Descendre</a></li>
                                        <li><a href="/Plat/Monter/@plat.IdPlats">Monter</a></li>

                                    </ul>
                                </div>
                            </td>
                        </tr>
                        }

                    }
                </table>
                <div class="espace_bas">
                </div>
            </div>

【问题讨论】：

我编辑了我的问题并添加了我的视图代码

标签： asp.net-mvc twitter-bootstrap tabs

【解决方案1】：

你不能像那样绑定 onshown 事件。您必须使用 jQuery 捕获选项卡容器并将其与 on 选项绑定，如 docs 所示：

$('.tab').on('shown', function (e) {
  location.href ='@Url.Action("ChangeAction","Plat")';
})

【讨论】：