jquery - MVC3 JQuery 局部 View Div 更新

Question

这是我的场景:

我从 viewModel 创建了以下菜单

<ul>
    <li id="1" class="menu-item-click">Item 1</li>
    <li id="2" class="menu-item-click">Item 2</li>
    <li id="3" class="menu-item-click">Item 3</li>
</ul>

列表中的每个项目都有“能力”知道它应该加载哪个部分 View (它以这种方式存储在数据库中)

我有以下代码来捕获每个列表项上的点击事件

$(".menu-item-click").click(function () {
//load the correct partial view

});

我的问题是我应该存储有关要加载的局部 View 的信息吗？

我可以将它作为自定义属性存储在列表项 (li) 中。 (这似乎不是最好的方法)

我希望有一种方法可以将列表项的 ID 发送到一种可以返回正确的局部 View 的“主” Controller 。

任何帮助/指导将不胜感激。

Answer 1

我更喜欢将数据附加到元素，它被认为是一种在不与 JS 代码混合的情况下将数据与元素一起存储的语义方式，而且它被认为是从 HTML5 开始的标准做法。

<ul>
    @foreach (MyView item in Model.MyViews) {
        <li id="@item.id" class="menu-item-click" data-view="@item.href">Item 1</li>
    }
</ul>


$(".menu-item-click").click(function () {
    var view = $(this).data('view');
});