我希望使用jQuery来选择将使用Razor打开PartialView的列表项

Question

我已经设置了Tabs列表的值，并通过警报进行了验证。但是，CREATE分部视图被重新加载，我希望强制它转到我选择的PartialView。因此，在我的示例中，我希望用户：

1. 从生日of列表中选择，
2. 然后主视图更新，
3. 然后屏幕不应该转到列表的第一个位置，但是我想从保存的值中获取(现在我只想将它插入列表选项值。 @Html.BeginForm(“索引”、“生日”、FormMethod.Post、new { id = "frmBirthday“、enctype = "multipart/form-data”}) { @Html.LabelFor(model => model.SelectedBirthdayID，new { @class = "table-label“})@：@Html.DropDownListFor(model => model.SelectedBirthdayID，Model.BirthdayIDs，”Select.“，new { id = "ddlBirthdayID"，)@：@Html.ActionLink(“创建新生日派对”，“索引”)，“生日”)生日贺卡礼品客人食品@Html.Partial("_Create") @Html.Partial("_Cards") @Html.Partial("_Gifts") @Html.Partial("_Guests") @Html.Partial("_Food") } //jQuery $(函数() {$(“#tab”).tabs()； $(‘#ddlBirthdayID’).change(函数() { $('#hdnAction').val("ddlchange")；$('#frmBirthday').submit ()；}；$(‘#ddlBirthdayID’).change(函数(){$(‘#选项卡’).val(3)；警告($(“#tab”).val())；}；

Answer 1

您正在尝试将客户端技术和服务器端技术结合起来。在页面传递时呈现部分。选择只发生在客户端。

您的选项是：

• 使用不同的部分刷新整个页面(例如，基于选择所选内容的额外参数)
• 呈现所有部分，只需隐藏不想要的部分，并显示所选的部分或
• 每当选择更改时，使用Ajax加载部分视图(例如，加载到固定面板中)

例如，为了隐藏它们，在所有这些面板上使用一个公共类(最初将它们隐藏起来，并让客户端代码显示所需的选择更改面板)。

正确的选择取决于有关页面的其他因素，因此在我可以说哪个选项最适合您的场景之前，还需要更多的信息。

注意:要提供更好的示例，还需要显示控制器操作和其他视图的示例。