視圖MVC中的單獨代碼

Question

我有一個索引視圖，這是我網站的首頁。 我在頁面上有3個層疊下拉菜單，這些下拉菜單是根據前一個下拉列表填充的。 我使用jquery和json來解決這個問題，它工作正常，所有代碼都在Index.cshtml 。

現在，我需要在網站的幾乎所有頁面上顯示這些下拉列表。 我創建了一個局部視圖，在其中復制了下拉列表，如您在此處看到的：

<div class="col-sm-4">
    <div style="padding-top:15px;">
        <form class="form-control-static">
            <div class="form-group">
                <div class="row">
                    <div class="col-sm-10">
                        @if (ViewData.ContainsKey("makes"))
                        {
                            @Html.DropDownList("makes", ViewData["makes"] as List<SelectListItem>, "--Select car--", new { @class = "dropdown-toggle form-control" })
                        }
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-10">
                        <p></p>
                        @Html.DropDownList("models", new SelectList(string.Empty, "Value", "Text"), "--Select model--", new { @class = "dropdown-toggle form-control" })
                    </div>
                </div>
                <div class="row">
                    <p></p>
                    <div class="col-sm-10">
                        @Html.DropDownList("engines", new SelectList(string.Empty, "Value", "Text"), "--Select engine--", new { @class = "dropdown-toggle form-control" })
                    </div>
                </div>
            </div>

        </form>

    </div>
</div>

<div class="col-sm-4" style="height: 10em;display: flex;align-items: center ; padding-top:25px;">
    <input type="submit" id="btnSearch" class="btn btn-default active" value="Search" disabled="disabled" style="width:150px;" />
</div>

但是填充下拉列表的邏輯仍然在Index.cshtml 。 盡管我嘗試在新創建的局部視圖中復制javascript代碼，但下拉列表未正確填充數據。 僅當我在首頁上時，它才能正常工作。 您能給我一些提示是解決此類問題的最佳方法嗎？ 謝謝！

Answer 1

您可以將JS代碼放在一個外部文件中，並使用script標簽在模板的head標簽中調用它：