使用jquery操作局部视图的内容

时间:2017-08-29 09:03:26

标签: javascript jquery asp.net-mvc partial-views

使用下面的代码,我正在尝试更新PartialView的HTML。

open_Modal_AssignAmendRoles = function (url) {

        $.ajax({
            url: url,//PartialView URL           
            cache: false,
            type: "POST",
            dataType: "html",
            success: function (data, textStatus, XMLHttpRequest) {

                var modalhtml = data;


                var result = datafetchfunction("action URL", )

                if (result.compleate == true) {

                    result.data.employeeroles.forEach(function (roletype) {

                        var tagbox = $(modalhtml).find("#tagbox" + roletype.clientroletypeid); 
                        var span = $(modalhtml).find("#rolecontainer" + roletype.clientroletypeid);                        
                        var roletypeid = roletype.clientroletypeid

                        roletype.roles.forEach(function (role) {

                            var roleid = role.FK_ClientRoleID
                            var roledescription = role.ClientRole_Description;
                            var rolecode = role.ClientRole_Code
                            var markup = ""
                            markup += " <li class='taglist' id='" + roleid + "'>"
                            markup += "        <button  onclick='$(this).parent().remove()' class='tagclose'>"
                            markup += "            <span class='glyphicon glyphicon-remove' aria-hidden='true'></span>"
                            markup += "        </button>"
                            markup += "         <a class='assignedrole' href='Javascript:void(0);' onclick='pop_click_fn(this)'"
                            markup += "         role-id='" + roleid + "' role-type-id=" + roletypeid + ""
                            markup += "         data-toggle='popover'  data-trigger='hover' data-content='" + roledescription + "' data-placement='top' >  " + rolecode + "    </a>" 
                            markup += " </li>";                        

                            $(span).append(markup)


                        })




                    })



                    openModal( modalhtml);
                }



            }
        });

    }

第1步:

在按钮上单击,调用open_Modal_AssignAmendRoles()功能。然后它转到success()函数。

第2步:

var result = datafetchfunction("action URL" )

此获取数据为JSON格式

第3步:

然后我开始一些循环,我已经创建了一些跨度并用

找到它们
var span = $(modalhtml).find("#rolecontainer" + roletype.clientroletypeid);

第4步:

然后我构建了一个标记并分配了这个

$(span).append(markup)

最后,致电

openModal( modalhtml); 

但是modalhtml没有按预期更新,这意味着我没有添加我用循环创建的li

有人可以告诉我这是什么问题以及如何解决这个问题?

0 个答案:

没有答案