CODEWITHSUNDEEP
ajaxasp.net-mvc-4
devfunkd
devfunkd

Reputation: 3234

Adding items to list in model dynamically via ajax

I have the following code and I am trying to add the selected value to the model.SelectedPayCodes list everytime the user makes a selection from the dropdown and clicks on "Add"

CONTROLLER

[HttpPost]
public PartialViewResult AddPayCode(ReferralModel model, string SelectedPayCode)
{
    var payCode = _employeeService.GetPayCodeById(Convert.ToInt32(SelectedPayCode));

    model.Add(payCode); 
    return PartialView("_PayCodesPartial",model);
}

MODEL

public class ReferralModel
    {
        public Customer Customer { get; set; }
        public Employee Employee { get; set; }
        public List<PayCode> PayCodes { get; set; } // List of paycodes
        public List<PayCode> PayCodesList { get; set; } // List of 'selected' paycodes
        public SelectListItem SelectedPayCode { get; set; } // current selected paycode

        public Referral Referral { get; set; }

        public ReferralModel()
        {
            PayCodesList = new List<PayCode>();
        }

        // Step 3 - Add Paycode is done here.
        public void Add(PayCode payCode)
        {
            PayCodesList.Add(payCode);
        }
    }

VIEW - Create.cshtml

    @using (Ajax.BeginForm("AddPayCode", "Referral",
    new AjaxOptions()
    {
        HttpMethod = "POST",
        InsertionMode = InsertionMode.InsertAfter,
        UpdateTargetId = "PayCodes",
    }))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary()
        <!-- payCodes input-->
        <div class="control-group col-lg-6">
            <label class="control-label">Product</label>
            <div class="controls">
                <!-- Step 1 + Choose PayCode Here -->
                @Html.DropDownListFor(model => model.SelectedPayCode, new SelectList(Model.PayCodes.ToList(), "Id", "Description"), "- Select -")
                <input type="submit" value="Add" />

            </div>
        </div>

        <!-- pay codes list -->
        <div id="PayCodes">
        </div>
    }

VIEW - _PayCodesPartial.cshtml

@model Zenwire.Models.ReferralModel

@if (Model.PayCodesList != null)
{
    foreach (var item in Model.PayCodesList)
    {
        string.Format("{0} - {1}", item.Code, item.Description);
    }
}

The issue seems to be whenever a new item is added the list is empty again and does not retain it's previous selection.

Upvotes: 2

Views: 12336

Answers (1)

WannaCSharp
WannaCSharp

Reputation: 1898

Try this. I used Session State

 public PartialViewResult AddPayCode(ReferralModel model, string SelectedPayCode)
    {
        var payCode = _employeeService.GetPayCodeById(Convert.ToInt32(SelectedPayCode));

        model.PayCodesList = GetPayCodes();
        model.Add(payCode);
        Session["paycodes"] = model.PayCodesList; 
        return PartialView("_PayCodesPartial",model);
    }

    private List<PayCode> GetPayCodes()
    {
        List<PayCode> payCodes = (List<PayCode>)Session["paycodes"];
        if (payCodes == null )
        {
           payCodes = new List<PayCode>();
           Session["paycodes"] = paycode;
        }
        return payCodes;
     }

Upvotes: 2

Related Questions