单击按钮调用部分视图

时间:2017-11-28 07:49:42

标签: javascript jquery asp.net-mvc

我在部分视图中有2个下拉列表,并希望在第一个Search点击时显示第一个下拉列表,在第二个Search点击第二个下拉列表。 Index包含2个学生姓名列表,每个学生都有Search按钮。请指导我如何编写代码以根据按钮点击条件显示下拉列表。任何帮助和指导都非常感谢。

我的Index查看:

@model IEnumerable<StudentProject.StudentDetail>

<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.StudentName)
        </th>    
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.StudentName)
        </td>

        <td>
           <input type="button" class="btn btn-info" id="btnSearch" value="Search" />

            @Html.ActionLink("Details", "Details", new { id=item.StudentId }) 

        </td>
    </tr>
}

</table>

<div id="searchResults">

</div>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
   var url = '@Url.Action("DisplaySearchResults", "Student")';
    $('#btnSearch').click(function () {
        debugger;
        $('#searchResults').load(url);
    })

</script>

我的部分视图_StudentLocation

<!Doctype html>
<html>
<head>
    Locations Details
</head>
<body>
    <select class="dropdown">
        <option>Auckland</option>
        <option>Wellington</option>
    </select>

    <select class="dropdown">
        <option>Hamilton</option>
        <option>Christchurch</option>
    </select>
</body>

</html>

我的控制器:

using System.Linq;
using System.Net;
using System.Web.Mvc;

namespace StudentProject.Controllers
{
    public class StudentController : Controller
    {
        private StudentEntities db = new StudentEntities();

        // GET: Student
        public ActionResult Index()
        {
            return View(db.StudentDetails.ToList());
        }

        // GET: Student/Details/5
        public ActionResult Details(int? id)
        {
            if (id == null)
            {
                return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
            }
            StudentDetail studentDetail = db.StudentDetails.Find(id);
            if (studentDetail == null)
            {
                return HttpNotFound();
            }
            return View(studentDetail);
        }

        public ActionResult DisplaySearchResults()
        {

                return PartialView("_StudentLocation");
        }

    }
}

0 个答案:

没有答案