c# - 从模型 MVC 4 动态加载列表

Question

所以我对 ASP.net MVC 设计还很陌生。我面临一个小问题，可能已经得到解答，但似乎没有找到适合我目的的答案。这是发生的事情:

假设我有一个包含 2 个链接的模型:类别和项目，并且它是一对多关系。我想要做的是生成一个包含 Category.Title 的列表(我已使用以下代码完成该列表)，然后单击每个列表项将生成该类别的所有 Item.Title 值的列表。 html的基本思想是:

<div id="cat"><!--float = left-->
    <ul>
        <li>List<li>
    </ul>
</div>

<div id="item"> <!--float = right -->
    <ul>
        <li>List<li>
    </ul>
</div>

到目前为止，所有内容的链接方式如下:

public ActionResult Equipment()
{

    ViewBag.Cat= getCat(1); // Will return a list of categories of ID 1
    return View();
}

至于 View :

@{ List<X.Models.Category> catX = ViewBag.Cat; }

BODY:

<div id="pl_categories">
    <ul id="pl_ec_ul">

        @foreach (X.Models.Category item in catX)
        {
            <li id="pl_ec_li">
                <div id="pl_ec_liItem">
                    @item.catTitle
                </div>
            </li>
        }

    </ul>
</div>

<div id="pl_values">

    <ul id="pl_ev_ul">
        <li id="pl_ev_li">
            <div id="pl_ev_liItem">
                ???
            </div>
        </li>
    </ul>

我看过很多例子，但它们都涉及下拉菜单或其他什么。以下是我想要完成的任务的快速 list :

1. 在laod页面上，默认选择的类别将是列表中的第一个。如果列表为空，则显示简单的“无类别”。编辑:如果类别为空，则会显示类别中没有项目。
2. 点击类别中的某个项目后，将会在 pl_values 下显示该类别的项目。

我已尝试使其尽可能小，但我需要考虑更多因素。然而，如果我能解决这个问题，我就一定能解决剩下的问题。如果有不清楚的地方，请告诉我，我可以尝试澄清。任何帮助将不胜感激。谢谢。

Answer 1

对于您的项目 1，您可以尝试类似的操作(假设您可以使用 jQuery):

$(document).ready(function() {

    var count = $("#pl_ec_ul li").length;

    if(count <= 0) {
        $("#pl_categories").html("<p>No Categories</p>");
    }
});