如何在asp.net mvc 5中的弹出模式中实现搜索功能

时间:2018-01-12 12:28:44

标签: asp.net asp.net-mvc

这是我的问题, 我想创建一个弹出模式,其中包含文本输入字段和按钮以及下拉列表以选择哪个列。当我搜索时,它应该在同一模态中的表格或网格中显示结果,并带有选择每条记录的链接。

我是asp.net mvc的新手,我的背景不多。我只想知道我应该怎么做?我应该使用什么(例如jsonResult,ajax等)来实现这个目的?有人能解释一下这些步骤吗?我知道要问很多。有人可以帮帮我吗? 我用html beginform创建了一个局部视图,将字符串查询表单视图传递给控制器​​,在这里,

    @model SmartPhotographer.Models.Client
    <!DOCTYPE html>
    <html>
    <head>
      <meta name="viewport" content="width=device-width" />
      <title>Index</title>
   </head>
   <body>
    @using (Html.BeginForm("Search", "Reservation", FormMethod.Post))
     {
       <table cellpadding="0" cellspacing="0">
          <tr>
            <th colspan="2" align="center">Person Details</th>
          </tr>
           <tr>
            <td>Search text: </td>
            <td>
                @Html.TextBoxFor(m => m.FirstName)
            </td>
            <tr>
            <td></td>
            <td><input type="submit" value="Submit" /></td>
          </tr>
       </table>
     }    
    </body>
   </html>

以及我对该局部视图的操作结果

    [HttpPost]
    public ActionResult Search(Client ClientDtl)
    {
        string FirstName = ClientDtl.FirstName;
        Session["search"] = FirstName;
        return PartialView();
    }

我已将会话变量传递给另一个动作以查找记录

    public ActionResult Search()
     {
        string SearchText = Session["search"].ToString();
        var Search = from m in db.Client
                     select m;
        Search = Search.Where(s => s.FirstName.Contains(SearchText));
        return PartialView("Search",Search);
    }

我希望这些搜索结果能够在同一局部视图中显示。

1 个答案:

答案 0 :(得分:0)

查看将允许您创建模态弹出窗口的Ajax工具包。然后,您可以在模式中实现所需的功能。

模态就像一个面板,你可以将你想要的控件放在模态中并预先形成你的搜索等。