ASP .NET如何onclick隐藏表行

时间:2017-05-22 09:17:53

标签: c# html asp.net

当我点击参考时,我想隐藏表格的一行。

我尝试过这样的事情:

{
    <tr id="trHide1" runat="server">
        <td>@Ajax.ActionLink(r.Jmeno.ToString(), "Detail", new { id = r.Jmeno }, new AjaxOptions() { UpdateTargetId = "modalContent", InsertionMode = InsertionMode.Replace, OnBegin = "openModalWindow" }), @r.Prijmeni</td>
        <td>@r.Rez_kolobezky.Reg_cislo</td>
        <td>@r.Datum_od</td>
        <td>@r.Datum_do</td>
        <td>@Html.ActionLink("OK", "Schovej", "Dnes", new { id = r.Id }, new
                { onclick = "trHide1=false"})</td>
     </tr>
}

和控制器中的方法如下所示:

public ActionResult Schovej(int id)
{
   try
   {
      Rezervace_dao rd = new Rezervace_dao();
      Rezervace r = rd.GetById(id);
      //var trHide1 = false;
      TempData["message-success"] = "Koloběžka byla odevzdaná";
    }
    catch (Exception)
    {
       throw;
    }
    return RedirectToAction("Index", "Dnes");
}

1 个答案:

答案 0 :(得分:0)

其中一个解决方案是:

  1. 在您的ViewModel上创建一个bollean属性:ShowRow
  2. 在控制器上设置他的值:r.ShowRow = true
  3. 在您要隐藏的行上设置的视图上,如下所示
  4. {

    <td @((!r.ShowRow) ? "style='display:none'" : string.Empty)>@r.Datum_do</td>
    

    }