如何正确使用HTML.DropDownList与Ajax调用MVC

时间:2013-09-09 18:38:41

标签: ajax asp.net-mvc

我使用SelectList构造函数(IEnumerable,String,String)以编程方式填充SelectList

IEnumerable<Permission> ie_SelLstContentAvailPerms; 
tmpLstPermissions =   FilterAssignablePermissionsByRoleMgblty(p_iRoleId,vmRolePermAdmin.lstPermissionsSource);        
//test Forcing Results in to IEnumerable format for Select list Constructor 
ie_SelLstContentAvailPerms = tmpLstPermissions.ToList();
vmRolePermAdmin.selLstPermissionsSource = new SelectList(ie_SelLstContentAvailPerms, "PermissionId", "Name");

我使用DropDownList结构:

@Html.DropDownList("ddlAssignedRolePermissions", (Model.selLstCurrentRolePermissions), null, new { @id = "ddlAssignedRolePermissions", @size = "5", @onchange = "ddlAssignedRolePermissionsEvent(this)" })

我以前对这个结构的使用有一个ajax调用,其成功方法是返回更新的模型----但是它的主体(Postify to AssignPermission(iUserID))正在根据所选择的项目对viewmodel进行工作。下拉列表

  $.ajax({

            url: "~/../../User/AssignPermission",
            type: "POST",
            data: $.postify({ "p_permId": optionSelectedPerm.value, "p_UserId": iUserId }),
            cache: false,
            success: function () {
                ReloadUserPermissions();
            },
            error: function () {
                // alert("FAIL");  //TODO ?
            }
        });

我试图为新页面复制此结构,但是我没有使用Ajax调用的成功结果方法,而是尝试在主要的ajax工作中返回更新的模型..如果上面的示例是结构化的这样就没有成功函数,控制器ActionResult方法会返回更新的模型。这不起作用。我在调试时看到视图中的数据(已更新),但它没有更新视图...

我是否必须使用Ajax调用的success函数才能更新视图?

<script type="text/javascript">

        $(document).ready(function () {
            var optionSelectedPerm;
            var mvcTmpData_iCurrentRoleID;
        });

        function SelectedRole(p_lstRole) {
            debugger;
            mvcTmpData_iCurrentRoleID = $("#ddlSelectedRole").val();
            $.ajax({
                url: "~/../../AdminRoles/AdminRolePermissions",
                type: "POST",
                data: $.postify({ "p_nullRoleId": mvcTmpData_iCurrentRoleID }),
                cache: false,
                success: function () {
                        AjaxReloadRolePermissions();
                },
                error: function () {

                },
            });

              function AjaxReloadRolePermissions() {
                //alert("Current RoleID: " + mvcTmpData_iCurrentRoleID);

            var url = '@Url.Action("ReloadRolePermissions", "AdminRoles", new { p_RoleId = "zReplaceRoleId" })';
            window.location.href = url.replace('zReplaceRoleId', mvcTmpData_iCurrentRoleID);
        }

        }

</script>

请注意,为了完成第一个工作场景,Ajax调用“AssignPermission”中引用的控制器方法是类型EmptyResult的ActionResult并标记为[HttpPost],所以基本上它可以工作而不用担心真正的返回。但是!!同一个Ajax调用的Success函数允许我使用新调整的ViewModel ....来更新视图。

我尝试重现我的原始结果失败我看到了模型内容,但它没有在视图中呈现

1 个答案:

答案 0 :(得分:0)

如果有人关心它非常简单,那么Ajax函数的主要工作就是调用一个更新视图的控制器动作。但是,Ajax成功调用可以确定地调用控制器的ActionResults之一来更新视图,然后在该视图中更新其相关的Partials ,,,

控制器动作在ajax调用的主要部分中,DOES WORK需要标记为EmptyResult&amp; [HttpPost]

真正启动ActionResult以更新视图的控制器操作,在我的情况下,只返回视图和新修改的模型...并再次注意它由前面引用的ajax函数的Success函数调用上面的最后一个代码发布几乎涵盖了所有