Question

我在这里看到很多关于DropDownList和DropDownListFor事件没有解雇但没有解决我问题的答案的问题。我不认为我忽略了任何事情，所以我会发表自己的问题......

我的视图中有以下代码：

@model MyWebApp.ViewModels.ProductAdminViewModel
@{
    ViewBag.Title = "Manage Products";
}
<script type="text/javascript">
    $(function () {
        $('select#CurrentCategoryId').change(function () {
            alert('We got here!');
        })
    });
</script>

@using (Ajax.BeginForm(new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "indexGrid" }))
{ 
    <fieldset>
        <legend>Select Category</legend><span>Category: </span>
        @Html.DropDownListFor(model => model.CurrentCategoryId, Model.CategorySelectList, new { @id = "CurrentCategoryId" })
    </fieldset>
}
<div id="indexGrid">
    @Html.Partial("_indexGrid", Model)
</div>

从我的ViewModel中的SelectList正确填充下拉列表，唯一需要注意的是VM中的CurrentCategoryId是一个公共int属性。

将下拉菜单与剧本联系起来，我忽略了什么？

编辑：我在_Layout.cshtml文件中有以下内容：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript" src="/Scripts/prototype.js"></script>
<script type="text/javascript" src="/Scripts/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/Scripts/lightbox.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script type="text/javascript" src="/Scripts/EditorTypes.js"></script>

感谢@Hawkke。这是我的工作代码：

<script type="text/javascript">
    function CategoryChanged(newCategoryId) {
        alert('The category has been changed!');
    };
</script>
...
@Html.DropDownListFor(model => model.CurrentCategoryId, Model.CategorySelectList, new { @onchange = "CategoryChanged(" + @Model.CurrentCategoryId + ")" })

Answer 1

'select#CurrentCategoryId'期待名为“CurrentCategoryId”的控件，但下拉列表的名称是VM的ID。

修改

我要做的是将javascript从jQuery函数更改为常规函数。

<script> function ChangeMe(currentCategoryId) { // do stuff here } </scrip>

然后更改你的html助手：

@Html.DropDownListFor(model => model.CurrentCategoryId, Model.CategorySelectList, new { onchange = "ChangeMe(@Model.CurrentCategoryId)" })

我不是百分之百的剃刀语法，但我认为你明白了。

ASP.NET MVC 3与Razor DropDownListFor改变不触发

1 个答案: