如何从控制器刷新@ html.Action

我有一个页面，左侧是资产的菜单列表，当您单击资产时，右侧将显示一个表单以编辑资产。编辑资产后，我需要能够刷新资产列表，以便名称中的任何更改都显示在菜单列表中。如何从控制器刷新@ html.Action

这是我

页

</head> 
    <body> 
     <div id="leftHandMenu"> 
     <h2>assets</h2> 
     @Ajax.ActionLink("Create Asset", "CreateAsset", new AjaxOptions() { UpdateTargetId = "FormContainer", InsertionMode = InsertionMode.Replace }) 
     @Html.Action("Assets") 
     </div> 
     <div id="FormContainer"> 
     </div> 
    </body> 
</html>

资产的使用@ html.Action（ “资产”）调用创建的列表。这里是资产

@model IList<CasWeb.Models.DataContext.Asset> 
@if (Model != null && Model.Any()) 
{ 
    <ul> 
     @foreach (var asset in Model) 
     { 

      <li> @Ajax.ActionLink(asset.Name, "EditAsset", new { id = asset.Id }, new AjaxOptions() { UpdateTargetId = "FormContainer", InsertionMode = InsertionMode.Replace }) </li> 
     } 
    </ul> 
    }else 
     { 
      <h1> no assets</h1> 
     }

的列表视图这里是我的编辑资产查看

@using System.Collections 
@model CasWeb.Models.DataContext.Asset 


<script type="text/javascript"> 

    $(function() { 

     $('form').submit(function() { 
      if ($(this).valid()) { 
       $.ajax({ 
        url: this.action, 
        type: this.method, 
        data: $(this).serialize(), 
        success: function (result) { 
         $('#FormContainer').html(result); 
        } 
       }); 
      } 
      return false; 
     }); 
    }); 
</script> 


@using (Html.BeginForm()) 
    { 
     @Html.ValidationSummary() 

     <fieldset> 

      <legend>Asset</legend> 
      <div class="editor-label"> 
       @Html.LabelFor(model => model.Name) 
      </div> 
      <div class="editor-field"> 
       @Html.EditorFor(model => model.Name) 
       @Html.ValidationMessageFor(model => model.Name) 
      </div> 

      <div class="editor-label"> 
       @Html.LabelFor(model => model.ModelId) 
      </div> 
      <div class="editor-field"> 
       @Html.DropDownListFor(m => m.ModelId, new SelectList((IEnumerable)ViewData["AssetModels"], "Id", "Model")) 
       @Html.ValidationMessageFor(model => model.ModelId) 
      </div> 

      <div class="editor-label"> 
       @Html.LabelFor(model => model.SizeId) 
      </div> 
      <div class="editor-field"> 
       @Html.DropDownListFor(m => m.SizeId, new SelectList((IEnumerable)ViewData["AssetSizes"], "Id", "Size")) 
       @Html.ValidationMessageFor(model => model.SizeId) 
      </div> 

      <div class="editor-label"> 
       @Html.LabelFor(model => model.TypeId) 
      </div> 
      <div class="editor-field"> 
       @Html.DropDownListFor(m => m.TypeId, new SelectList((IEnumerable)ViewData["AssetTypes"], "Id", "Type")) 
       @Html.ValidationMessageFor(model => model.TypeId) 
      </div> 

      <div class="editor-label"> 
       @Html.LabelFor(model => model.DeptId) 
      </div> 
      <div class="editor-field"> 
       @Html.DropDownListFor(m => m.DeptId, new SelectList((IEnumerable)ViewData["Depts"], "Id", "Name")) 
       @Html.ValidationMessageFor(model => model.DeptId) 
      </div> 
      <p> 
       <input type="submit" value="Save" /> 
      </p> 
     </fieldset> 
    }

，这里是我的控制器

[ChildActionOnly] 
public PartialViewResult Assets() 
{ 
    var assets = _assetRepo.GetAll(); 
    return PartialView(assets); 
} 

public PartialViewResult EditAsset(Guid id) 
{ 
    SetUpViewDataForComboBoxes(); 

    var asset = _assetRepo.Get(id); 
    return asset == null 
       ? PartialView("NotFound") 
       : PartialView("EditAsset", asset); 
} 

[HttpPost] 
public PartialViewResult EditAsset(Asset asset) 
{ 

    if (ModelState.IsValid) 
    { 
     _assetRepo.Update(asset); 
     return PartialView("EditAssetSuccess"); 
    } 

    SetUpViewDataForComboBoxes(); 

    return PartialView("EditAsset", asset); 
}

我想能够在保存之后刷新控制器中的EditAsset post方法中的资产视图，因为这是更可测试的，但从我可以告诉我可能需要在编辑的成功回调中执行此操作表单java脚本提交。

来源

2012-07-04 David Kethel

对于Edit Assest，使用Ajax表单并调用以下方法的OnSuccess事件。您还需要在页面加载时调用以下方法。

$.get("/ControllerName/Assets", { random: '@DateTime.Now.Ticks' }, function (response) { 
       $("#ListOfAssestDiv").html(response);     
      });

对于显示器的列表我的意思是（@ Html.Action（“Assets”））放在另一个div。所以你的代码就像这样

</head> 
    <body> 
     <div id="leftHandMenu"> 
     <h2>assets</h2> 
     @Ajax.ActionLink("Create Asset", "CreateAsset", new AjaxOptions() { UpdateTargetId = "FormContainer", InsertionMode = InsertionMode.Replace }) 
<div id="ListOfAssestDiv"> 
     @Html.Action("Assets") 
</div> 
     </div> 
     <div id="FormContainer"> 
     </div> 
    </body> 
</html>

请让我知道你是否有任何疑问。

来源

2012-07-05 05:08:07

很感谢。只是一个小问题，你为什么要将随机参数添加到资产url的末尾？ –

@DavidKethel。这是一个Ajax请求。在IE浏览器中，如果URL相同，它将采用浏览器缓存的响应（在调试模式下），以避免这种情况。 –

你现在如何在.net Core中执行此操作，不支持@ Html.Action。从我收集你不能做视图组件的Ajax请求。 –

如何从控制器刷新@ html.Action

回答

相关问题