jquery - img element is not changing on view even when firebug shows changed image after image path is changed -
i using ajax replace 'html' of 'tr' element of table custom 'html'. grabbed tr element table , replaced html partial view content. image inside tr element not changing according partial view.
//my javascripts
$(document).on('submit', '#frm-update-prj', function (e) { e.preventdefault(); var myform = $(document).find('#frm-update-prj')[0]; var formdata = new formdata(this); $.ajax({ url: "/dashboard/saveeditedprojecttitle", type: "post", data: formdata, mimetype: "multipart/form-data", contenttype: false, cache: false, processdata: false, success: function (resultview) { var grid = $(".tbl-horizontal").data("kendogrid"); var selectedrow = grid.dataitem($(editelement).parents('tr')); selectedrow.set('sortby', resultview); $(editelement).parents('tr').html(resultview); $.fancybox.close(); toastr.success("project updated!"); }, error: function (result) { } }); });
// partial view loaded tr element
<div class="project-list"> <div class="projects"> @*<a href="#" class="project-link" style="background-color:@tempdata["bkcolor"];background-image: url(@url.action("getprojectimage", "dashboard", new { prj = @md5encryption.encrypt(@model.assetid.tostring()) })); background-size: cover; border-radius: 5px 5px 0 0; "> </a>*@ <a href="#" class="project-link" style="background-color:@tempdata["bkcolor"]; background-size: cover; border-radius: 5px 5px 0 0; "> @*<img style="height:100%;width:100%;" src="@url.action("getprojectimage", "dashboard", new { prj = @md5encryption.encrypt(@model.assetid.tostring()) })">*@ <img id="@guid.newguid().tostring()" style="height:100%;width:100%;" src="@model.imagepath"> </a> <div class="project-content-options"> <a href="@url.action("createeditor", "dashboard", new { prj = @md5encryption.encrypt(@model.assetid.tostring()) })" class="view-link">open project</a> <div class="btn-group"> <a title="" data-toggle="tooltip" class="btn btn-sm btn-alt option-btn remove" href="@url.action("deleteproject", "dashboard", new { prj = @md5encryption.encrypt(@model.assetid.tostring()) })" data-original-title="remove"><span>remove</span></a> <a title="" data-toggle="tooltip" class="btn btn-sm btn-alt option-btn edit" href="@url.action("editprojecttitle", "dashboard", new { prj = @md5encryption.encrypt(@model.assetid.tostring()) })" data-original-title="edit"><span>edit</span></a> <a title="" data-toggle="tooltip" class="btn btn-sm btn-alt option-btn download" href="@url.action("downloadproject", "dashboard", new { prj = @md5encryption.encrypt(@model.assetid.tostring()) })" data-original-title="download"><span>download</span></a> <a title="" data-toggle="tooltip" class="btn btn-sm btn-alt option-btn share fancybox" href="#divshareproject" data-url="@url.action("publishprj", "publishproject", new { prj = @md5encryption.encrypt(@model.assetid.tostring()) })" data-original-title="share"><span>share</span></a> <a title="" data-toggle="tooltip" class="btn btn-sm btn-alt option-btn preview" target="_blank" href="@url.action("index", "publishproject", new { prj = @md5encryption.encrypt(@model.assetid.tostring()) })" data-original-title="preview"><span>preview</span></a> </div> </div> <span class="caption">@model.assetname</span> <span class="date"><span>created on:</span> @html.displayfor(x => model.createddate)</span> <span class="date-time"><span>last modified:</span> @html.displayfor(x => model.modifieddate) @model.modifieddate.toshorttimestring()</span> </div> </div>
i don't understand why image not changing when change path. firbug shows changed image. please help.
Comments
Post a Comment