從動態生成的圖像在asp.net中獲取Id mvc4

Question

我有一些使用asp.net mvc4動態生成的圖像...我必須從視圖中刪除選定的 圖像...但我不知道如何從視圖傳遞ID到控制器
控制器代碼：

public ActionResult imagelist(ShirtDb dg) 
{ 
    List<ShirtDb> all = new List<ShirtDb>(); 

    using (patternChangeEntities8 et = new patternChangeEntities8()) 
    { 
     all = et.ShirtDbs.ToList(); 
    } 
    return View(all); 
} 

查看代碼：

@model List<patternchange.Models.ShirtDb> 
@using (Html.BeginForm("Edit", "Patterchange", FormMethod.Post)) 
{ 
<table> 
    @{ 
    int j=0; 
    for (int i = 0; i < Model.Count(); i += 4) { 
    j = i; 
    <tr> 
     @while(j<i+4&&j<Model.Count()) 
     { 
     <td> 
      <img src="data:image/png;base64,@Convert.ToBase64String(Model[j].Image, 0, Model[j].Image.Length)" width="100" onclick="location.href='@Url.Action("Edit", "Patterchange")'" @(Model[j].SId) /> 
      @Html.TextBoxFor(m => Model[j].SId) 
      <input type="submit" value="delete" /> 
     </td> 
     j++; 
     } 
     <td> 
     </td> 
    </tr> 
    } 
    } 
</table> 
} 

Answer 1

你可以試試機智h下面的code.in，我已經創建了一個JavaScript函數，當按鈕點擊時我調用了該函數中的ID。

您可以致電通過Ajax控制器行動呼籲

查看代碼

@model List<patternchange.Models.ShirtDb> 
@using (Html.BeginForm("Edit", "Patterchange", FormMethod.Post)) 
{ 
<table> 
    @{ 
    int j=0; 
    for (int i = 0; i < Model.Count(); i += 4) { 
    j = i; 
    <tr> 
     @while(j<i+4&&j<Model.Count()) 
     { 
     <td> 
      <img src="data:image/png;base64,@Convert.ToBase64String(Model[j].Image, 0, Model[j].Image.Length)" width="100" onclick="location.href='@Url.Action("Edit", "Patterchange")'" @(Model[j].SId) /> 
      @Html.TextBoxFor(m => Model[j].SId) 
      <input type="button" onclick="DeleteImage(@(Model[j].SId))" value="delete" /> 
     </td> 
     j++; 
     } 
     <td> 
     </td> 
    </tr> 
    } 
    } 
</table> 
} 

的Javascript

<script type="text/javascript"> 

    function DeleteImage(ID) { 
     $.ajax({ 
      type: "POST", 
      url: '@Url.Action("Edit", "Patterchange")', 
      contentType: "application/json; charset=utf-8", 
      data: "{ id: '"+ID+"' }", 
      dataType: "json", 
      success: function() { alert('Success'); }, 
      error: function() { alert('error');} 
     }); 
    } 
</script> 

控制器代碼

[HttpPost] 
     public ActionResult Edit(string id) 
     { 
// Write your code for delete record by using id 
      return View(); 
     }