2

所以我正在开发一个 Web 应用程序,遇到了一个新的挑战,我已经坚持了几个星期。我将提供有关我的应用程序和数据模型的背景信息,以及所需的最终结果。

基本应用程序信息和问题背景:我的应用程序旨在用作景观承包商可以用来帮助管理其业务运营的工具。我的应用程序将提供一个他们可以创建帐户的地方,然后输入他们的所有客户信息(“客户”数据模型),以及他们为每个客户所做的工作的信息(“工作”数据模型) . 客户和工作之间存在一对多的关系(一个客户可以有很多工作,但对于任何给定的工作只有一个客户)。

背景:我有两个简单的数据模型,“客户”和“工作”。我的应用程序是在 ASP.net MVC3 框架中构建的。使用 Entity Framework 脚手架机制,我为每个数据模型(创建、读取、更新、删除)创建了基本的 CRUD 视图。这在大多数情况下都很棒(我可以创建新的客户和工作,并且很容易编辑现有的)。

业务问题:我需要允许在我的应用程序中批量创建新作业。我希望我的用户(景观承包商)能够输入他们当天完成的所有割草工作。因此,我想让我对此过程的视图填充一个包含所有活动客户端的表 - 每个在行旁边都有一个复选框。然后我希望用户能够为他们完成新工作(修剪草坪)的每个客户选中复选框,并提交表单(输入完成的工作),结果将为这些客户中的每一个创建新工作.

技术问题:我最好的猜测是我需要在控制器中创建一个自定义 ViewModel 并将其发送到视图,其中 ViewModel 将是基于当前活动客户端创建的新作业的列表。然后在视图中,复选框可以将 Client_ID(客户端的唯一标识符)作为其值(这将是 ViewModel 的一部分。当用户提交表单时,视图会将 ViewModel 传递回控制器。然后控制器可以浏览 ViewModel 作业列表并为每个选中复选框的 ViewModel 作业创建一个新作业。

所以,我的问题是 - 我如何使用控制器执行以下操作: 1.) 在运行时根据客户端列表(“客户端”数据模型)中的数据构建 ViewModel 作业列表?2.)然后我怎样才能将它传递给视图?3.) 一旦返回到控制器,我如何遍历列表并相应地修改我的其他数据模型(创建新的“工作”项)?

我创建了自定义 ViewModel,其中包含来自客户和工作的属性,我需要构建新的工作条目(客户名称、客户地址、客户 ID、工作说明、工作人员、工作人员人数、工作时间、指示完成的复选框等.)。假设用户有 50 个客户正在修剪草坪,这些客户都是活跃客户。我想构建一个有 50 行的 ViewModel(代表每个可能修剪草坪的客户)。然后我想将它发送到视图并用复选框显示它,这表明草坪是否被切割。当模型返回视图时,控制器将在复选框中选中带有检查的行,并在该表中创建新的“作业”行。

提前感谢您提供的任何帮助,我知道这对你们中的许多人来说可能很容易。我是 C# 和 MVC3 的新手。

更新: 这是我的代码 -

工作模式

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.Entity;
using System.ComponentModel.DataAnnotations;

namespace LawnTracker.Models
{
    public class Job
    {
        [Key]
        public int Job_ID { get; set; }
        public int Client_ID { get; set; }
        public int Account_ID { get; set; }
        public string Name { get; set; }
        public string Location { get; set; }
        public string Notes { get; set; }
        public string SvcRoute { get; set; }
        public string Service { get; set; }
        public string Date { get; set; }
        public double SvcPriceOverride { get; set; }
        public float SvcQty { get; set; }
        public string UofM { get; set; }
        public bool Invoiced { get; set; }
        public string Crew { get; set; }
        public int TechCount { get; set; }
        public string TimeStart { get; set; }
        public string TimeFinish { get; set; }
        public double TimeSpent { get; set; }
        public string Image1 { get; set; }
        public string Image2 { get; set; }
        public string Image3 { get; set; }
        public double MulchUsed { get; set; }
        public double FertUsed { get; set; }
        public double HerbUsed { get; set; }
        public string NextDue { get; set; }

    }


}

我的 MowingJobViewModel 模型 -

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace LawnTracker.Models
{
    public class MowingJobViewModel
    {
        public int Client_ID { get; set; }

        public bool Completed { get; set; }

        public string Name { get; set; }

        public string Street { get; set; }

        public string City { get; set; }

        public double SvcPriceOverride { get; set; }

        public string UofM { get; set; }

        public int SvcQty { get; set; }

        public string Notes { get; set; }

        public string Date { get; set; }

        public string Crew { get; set; }

        public int TechCount { get; set; }

        public string SvcRoute { get; set; }

        public string Schedule { get; set; }
    }
}

还有我的 JobController -

 // GET: /Job/CreateMowing

        public ActionResult CreateMowing(string route = "", string sched = "")
        {
            List<SelectListItem> listItems = new List<SelectListItem>();
            listItems.Add(new SelectListItem()
            {
                Value = "Lump Sum",
                Text = "Lump Sum"
            });
            listItems.Add(new SelectListItem()
            {
                Value = "Hours",
                Text = "Hours"
            });


            ViewBag.Units = new SelectList(listItems, "Value", "Text");
            ViewBag.Routes = db.Clients.Select(r => r.SvcRoute).Distinct();
            ViewBag.Sched = db.Clients.Select(r => r.MowSched).Distinct();

            var model = from r in db.Clients
                        orderby r.SvcRoute
                        where (r.Mowing == true) &&
                        (r.Status == "Active") &&
                        (r.SvcRoute == route || (route == "")) &&
                        (r.MowSched == sched || (sched == "")) 
                        select r;
            if (model.Count() > 0)
            {
                ViewBag.total = model.Select(r => r.MowPrice).Sum();
            }
            else
            {
                ViewBag.total = 0.00;
            }

           /* Build a list of MowingJobViewModel objects based on the above defined list of clients
            * who are subscribed to mowing and active. This will enable batch entry for new jobs done.
            * This list of MowingJobViewModel objects will be sent to the client after a HTTP GET
            * request for the CreateMowing view.  The user will be able to check boxes associated
            * with each client in the client list.  When the form is submitted, the controller
            * receives the model back with the updated information (completed, notes, etc.) about
            * each job.  Then the controller must update the jobs table, adding the new jobs based on 
            * the view model returned from the view / client.
            * 
            */

            //Create a new list of MowingJobViewModel objects
             IEnumerable<MowingJobViewModel> mjList = new List<MowingJobViewModel>();

            //iterate through the list of clients built from earlier (in model)...
             foreach (var item in model)
             {  
             //create new MowingJobViewModel object MJ and add it to the list
             mjList.Add(new MowingJobViewModel()
             {
               Client_ID = item.Client_ID,
               Completed = false,
               Name = (item.FirstName + " " + item.LastName),
               Street = item.Address1,
               City = item.City,
               SvcPriceOverride = item.MowPrice,
               UofM = "Lump Sum",
               SvcQty = 1,
               Notes = "",
               Date = "",
               Crew = "",
               TechCount = 2,
               SvcRoute = item.SvcRoute,
               Schedule = item.MowSched,
              });

             }

             return View(mjList);

             }

**I don't have my view ("CreateMowing.cshtml") worked out correctly, but here is what I have-**

@model IEnumerable<LawnTracker.Models.MowingJobViewModel>

@{
    ViewBag.Title = "Enter Mowing Jobs";
}

<h2>Enter Mowing Jobs</h2>

<div style="float: left; clear:both; width: 100%;">
    <b>Total Jobs: @Html.Encode(Model.Count())</b><br />
    <b>Total Revenue: $@Html.Encode(ViewBag.total)</b><br /><br />
</div>
<p></p>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<div style="float: right; clear:both; width: 100%;">
     @using (Html.BeginForm("CreateMowing", "Job", FormMethod.Get)) 
    {
    <table>
    <tr>
        <th></th>

        <th>
            Route
        </th>

        <th>Schedule</th>
        <th></th>
    </tr>
    <tr>
        <td>
            Show:
        </td>

        <td>
            @Html.DropDownList("route", new SelectList(ViewBag.Routes), "--ALL--")            
        </td>

        <td>
            @Html.DropDownList("sched", new SelectList(ViewBag.Sched), "--ALL--")
        </td>
        <td>            
            <input type="submit" value="Filter" />
        </td>
    </tr>
</table><br /><br />

    }
</div>

<table>
    <tr>
        <th>
            Completed
        </th>
        <th>
            First Name
        </th>
        <th>
            Last Name
        </th>
        <th>
            Street
        </th>

        <th>
            City
        </th>

        <th>
            Service Route
        </th>
        <th>
            Price
        </th>

        <th>
            Units
        </th>

        <th>
            Qty
        </th>
        <th>
            Notes
        </th>

        <th>
            Schedule
        </th>

    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            <input type="checkbox" name="invoiced" value="@item.Client_ID" >
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.FirstName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.LastName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Address1)
        </td>

        <td>
            @Html.DisplayFor(modelItem => item.City)
        </td>

        <td>
            @Html.DisplayFor(modelItem => item.SvcRoute)
        </td>

        <td>
            @Html.DisplayFor(modelItem => item.MowPrice)
        </td>

        <td>

        </td>

        <td>

        </td>
        <td>

        </td>

        <td>
            @Html.DisplayFor(modelItem => item.MowSched)
        </td>

     </tr>
}

</table>


<div>
    <br />
    @Html.ActionLink("Back to List", "Index")
</div>
4

1 回答 1

0

您创建了一个视图模型,其中包含创建作业时特定客户端的显示属性/数据输入字段。既然你没给它起名字,那我就叫它吧NewJobEntry。正如您所猜测的,您现在需要一个视图模型,它具有类型属性List<NewJobEntry>来表示可以一次创建的可变数量的新作业。

您的控制器将填充列表,NewJobEntry为每个客户端添加一个实例。

当提供包含列表的模型时,您的视图可以枚举列表并为每个NewJobEntry.

一旦数据被发送回您的控制器,默认的 ASP.NET MVC 绑定器就可以处理列表,但有一些怪癖。只要字段名称具有顺序索引,默认活页夹将自动水合列表中的对象。为了确保正确生成这些索引,您需要在视图中使用具有顺序索引的 lambda 表达式进行绑定:

Html.CheckboxFor(model => model.JobList[i].IsSelected)

在枚举列表时,您可能会考虑使用for循环而不是循环。foreach

您还必须小心复选框,因为未选中的复选框实际上不会出现在发送到控制器的发布数据中。这将破坏绑定,因为在发布数据中发送的索引可能不再是连续的(如果有未选中的复选框,就会有间隙)。因此,我建议您为客户 ID 添加一个隐藏字段。这样,发布数据将始终包含至少一个字段,其中每个列表条目具有适当的顺序索引。

Html.HiddenFor(model => model.JobList[i].ClientId)

现在您的帖子数据将类似于以下内容:

JobList_0_IsSelected=true
JobList_0_ClientId=12345
JobList_1_ClientId=12346
JobList_2_IsSelected=true
JobList_2_ClientId=12347

默认活页夹将处理此问题并重建您的列表。请注意,如果没有客户端 ID 的隐藏字段,索引1将丢失,并且默认绑定器将无法正确重建列表。

希望有帮助!

于 2012-11-14T05:11:51.927 回答