1

我想知道如何从页面发布数据并在同一页面中显示结果？我有一个带有以下代码的控制器：我创建了一个单独的视图“结果”，它最终指向索引。

//EmployeeController.cs
public ActionResult Index  (List<Employee> employees = null)  
{
    employees = employees == null 
        ? db.Employees.Include(e => e.Department).ToList() 
        : employees;

     return View(employees);                 
} 

public ActionResult Result(Employee employee, decimal minsal,decimal maxsal)
{
    var employees = db.Employees.Include(e => e.Department);
    employees = db.Employees
        .Where(p => p.DepartmentID == employee.DepartmentID  
             && p.Salary > minsal && p.Salary < maxsal);

    var empList = employees.ToList();

    ViewBag.DepartmentID = new SelectList(db.Departments, "DepartmentID", "DeptName",  employee.DepartmentID);

        return View("Index", empList);          
    }

查看：（结果.cshtml）

@model _4th_assignment.Models.Employee

@{
    ViewBag.Title = "Result";
}

<h2>Result</h2>

@using (Html.BeginForm())
{
    <p>
        Select Department:  @Html.DropDownList("DepartmentID", "--select--")
    </p>
    <p>
        Enter Salary  Range:  Min @Html.TextBox("minsal")     Max     
        @Html.TextBox("maxsal")
    </p>
    <p>  <input type="submit" value="Filter" /></p>
}

我在索引页面中创建了一个链接“过滤具有工资范围和部门的员工”。当我单击此链接时，它会转到结果页面，然后过滤后的结果将显示在索引页面中。

查看：（index.cshtml） 

@model IEnumerable<_4th_assignment.Models.Employee>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
 <p>
     @Html.ActionLink("filter the employees with salary range and department ", "Result")
 </p>
 <table>
     <tr>
         <th>
             @Html.DisplayNameFor(model => model.FirstName)
         </th>
         <th>
             @Html.DisplayNameFor(model => model.MiddleName)
         </th>
         <th>
             @Html.DisplayNameFor(model => model.LastName)
         </th>
         <th>
             @Html.DisplayNameFor(model => model.Salary)
         </th>
         <th>
             @Html.DisplayNameFor(model => model.Department.DeptName)
         </th>
         <th></th>
     </tr>

     @foreach (var item in Model)
     {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.FirstName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.MiddleName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.LastName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Salary)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Department.DeptName)
            </td>
            <td>
                @Html.ActionLink("Edit", "Edit", new { id=item.EmployeeID }) |
                @Html.ActionLink("Details", "Details", new { id=item.EmployeeID }) |
                @Html.ActionLink("Delete", "Delete", new { id=item.EmployeeID })
            </td>
        </tr>
    }
 </table>

现在我想要做的是，如果我点击索引页面中的“过滤具有工资范围和部门的员工”链接，它应该要求在索引页面中输入，结果也应该只显示在索引页面中。

4

2 回答 2

0

您需要大约 4 次修改。

  1. _IndexPartial.cshtml除非您确实想要使用布局的索引视图，否则专门为结果视图创建局部视图？（与无布局的 Index.cshtml 相同）

  2. 创建一个 ActionResult，它使用列表返回此部分视图IEnumerable<_4th_assignment.Models.Employee。

    public ActionResult GetEmployees(int deptId)
{
    var employees = from a in db.Employees
                   select a;
    employees = employees.Where(a => a.DeptId.Equals(deptId));

    //... code here

    return PartialView("_IndexPartial", employees); 
}

  3. 在结果视图中创建一个空 div

    IE：<div id="employee-list"></div>

  4. 将Html.BeginForm更改为Ajax.BeginForm，如下所示：

    @using(Ajax.BeginForm("GetEmployees", "Controller", new AjaxOptions() {

    HttpMethod = "POST",
UpdateTargetId = "employee-list",
InsertionMode = InsertionMode.Replace

    }))

注意：UpdateTargetId 是一个 AJAX 回调

于 2014-02-10T02:57:30.747 回答
0

一种方法是从 Result 操作返回 partialview() 而不是 view()。制作 result.cshtml，一个局部视图。将此部分视图放在 index.cshtml 中

于 2013-09-25T20:14:58.620 回答