public class AddOrderItemModel
{
    public int Id { get; set; }
    public int OrderId { get; set; }
    public int ProductId { get; set; }
    public int ProductNodeId { get; set; }
    public int Number { get; set; }
    public int ToolId { get; set; }
    public int AmountRequired { get; set; }
}

public class OrderItemListModel
{
    public int Id { get; set; }
    public string ProductTitle { get; set; }
    public string ProductNodeTitle { get; set; }
    public string ProductNodeDescription { get; set; }
    public string ProductNodeNumber { get; set; }
    public string ToolOrderCode { get; set; }
    public int AmountRequired { get; set; }
}

//tabItems
@using Web.Models.Orders;
@model AddOrderItemModel

<div id="tabItems">
    @using (Ajax.BeginForm("AddOrderItem", "Order", new AjaxOptions { UpdateTargetId = "tabItems", HttpMethod = "Post" }))
    {
        @Html.AntiForgeryToken()
        <div class="nav">
            <div class="navbar-form navbar-left">
                @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                @Html.HiddenFor(model => model.OrderId)

                <div class="form-group">
                    @Html.EditorFor(model => model.ProductId, new { htmlAttributes = new { @class = "form-control select2",
                        data_url = @Url.Action("GetProductList", "Order") } })
                    @Html.ValidationMessageFor(model => model.ProductId, "", new { @class = "text-danger" })
                </div>

                <div class="form-group">
                    @Html.EditorFor(model => model.ProductNodeId, new { htmlAttributes = new { @class = "form-control select2",
                        data_url = @Url.Action("GetProductNodeList", "Order") } })
                    @Html.ValidationMessageFor(model => model.ProductNodeId, "", new { @class = "text-danger" })
                </div>

                <div class="form-group">
                    @Html.EditorFor(model => model.ToolId, new { htmlAttributes = new { @class = "form-control select2",
                        data_url = @Url.Action("GetToolList", "Order") } })
                    @Html.ValidationMessageFor(model => model.ToolId, "", new { @class = "text-danger" })
                </div>

                <div class="form-group">
                    @Html.EditorFor(model => model.AmountRequired, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.AmountRequired, "", new { @class = "text-danger" })
                </div>

                <div class="form-group">
                    <input type="submit" class="btn btn-primary" value="Add" />
                </div>
            </div>
        </div>
    }
    @Html.Partial("_OrderItemList", (IEnumerable<OrderItemListModel>)ViewBag.OrderItems)
</div>

//_OrderItemList
@using Web.Models.Orders;
@model IEnumerable<OrderItemListModel>

<table class="table">
    <tr>
        <th>@Html.DisplayNameFor(model => model.OrderItemProductNodeProductTitle)</th>
        <th>@Html.DisplayNameFor(model => model.OrderItemProductNodeTitle)</th>
        <th>@Html.DisplayNameFor(model => model.OrderItemProductNodeDescription)</th>
        <th>@Html.DisplayNameFor(model => model.OrderItemProductNodeNumber)</th>
        <th>@Html.DisplayNameFor(model => model.ToolOrderCode)</th>
        <th>@Html.DisplayNameFor(model => model.AmountRequired)</th>
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>@Html.DisplayFor(modelItem => item.OrderItemProductNodeProductTitle)</td>
            <td>@Html.DisplayFor(modelItem => item.OrderItemProductNodeTitle)</td>
            <td>@Html.DisplayFor(modelItem => item.OrderItemProductNodeDescription)</td>
            <td>@Html.DisplayFor(modelItem => item.OrderItemProductNodeNumber)</td>
            <td>@Html.DisplayFor(modelItem => item.ToolOrderCode)</td>
            <td>@Html.DisplayFor(modelItem => item.AmountRequired)</td>
            <td>
                <a href="@Url.Action("EditOrderItem", new { id = item.Id })" class="btn btn-warning"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                <a href="@Url.Action("DeleteOrderItem", new { id = item.Id })" class="btn btn-danger"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a>
            </td>
        </tr>
    }
</table>

[HttpPost]
public ActionResult AddOrderItem(AddOrderItemModel model)
{
    if (ModelState.IsValid)
    {
        Mapper.CreateMap<AddOrderItemModel, OrderItem>();
        var orderItem = Mapper.Map<AddOrderItemModel, OrderItem>(model);
        orderItem.Created = DateTime.Now;
        orderItem.CreatorId = 1;
        _orderService.AddOrderItem(orderItem);
    }
    return RedirectToAction("GetOrderItems", new { orderId = model.OrderId });
}

public ActionResult GetOrderItems(int orderId)
{
    ViewBag.OrderId = orderId;
    Mapper.CreateMap<OrderItem, OrderItemListModel>();
    var orderItems = Mapper.Map<IEnumerable<OrderItem>, IEnumerable<OrderItemListModel>>(_orderService.GetAllOrderItem(orderId));
    var model = new AddOrderItemModel { OrderId = orderId };
    ViewBag.OrderItems = orderItems;
    return PartialView("OrderItems", model);
}