Question

In this project we have two list, one for the dealer and the second for his products.

So far if you check one dealer we get back all the product for this specific dealer, it implemented in javascript (Json).

Html (5 🙂

@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
    <legend>DealerProduct</legend>

     <div class="editor-label">
        @Html.LabelFor(model => model.DealerID)
    </div>
    <div class="editor-field">
        @Html.DropDownList("DealerID", String.Empty)
        @Html.ValidationMessageFor(model => model.DealerID)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.ProductID)
    </div>
    <div class="editor-field">

        @Html.DropDownList("ProductID", String.Empty)
        @Html.ValidationMessageFor(model => model.ProductID)
    </div>
    <p>
        <input type="submit" value="@Shared.Add" />
    </p>
</fieldset>
}

JavaScript (Json 🙂

<script type="text/javascript">
$(document).ready(function() 
 {
  $("#DealerID").change(function ()
  {
       var self = $(this);
       var items="";
       var url = "";
       url = "@Url.Action("GetDealerProducts","DealerProduct")/"+self.val();
       $.ajaxSetup({ cache: false });
        $.getJSON(url,function(data)
        {   
          $.each(data,function(index,item)
          {
            items+="<option value='"+item.Value+"'>"+item.Text+"</option>\n";
          });
          $("#ProductID").html(items);
           $.ajaxSetup({ cache: true }); 
        });
    });       
 });
</script>

Controller :

public ActionResult GetDealerProducts(int id)
    {
        Dealer currentDealer = db.Dealers.Single(p => p.UserName == User.Identity.Name);
        Dealer subDealer = db.Dealers.Single(s => s.DealerID == id);


        List<Product> productOpenToSale = new List<Product>();

        foreach (var item in currentDealer.ProductToSale)
            if (!subDealer.ProductToSale.ToList().Exists(e => e.ProductID == item.ProductID))
                productOpenToSale.Add(item.Product);

        List<SelectListItem> productOpenToSaleList = new List<SelectListItem>();
        productOpenToSale.ForEach(item => productOpenToSaleList.Add(new SelectListItem { Value = item.ProductID.ToString(), Text = item.ProductName }));

        return Json(productOpenToSaleList, JsonRequestBehavior.AllowGet);
    }

What I really need is adding (a pairing of) products dealer, which he can sell in the future.

Current option is to add products one by one, the desire is to give the possibility of multiple selection of all products.

Maybe something like dynamic checkBoxList or an foreach on a List from the ViewModel who add input – checkbox like this, but I don’t know how to fill it after the dealer has selected on the first list and receive all the selected product back on submit..

10X for any help!! (&& sorry for my bad English 🙂

Answer 1

you can change this line of code

@Html.DropDownList("ProductID", String.Empty)

with something like this

<select id="SelectedItemIds" multiple="multiple" name="SelectedItemIds">

and having a viewModel on the server like this

class MyViewModel
{
    public int[] SelectedItemIds { get; set; }
    public int DealerID {get;set;}
}

and having a controller like this

    [HttpPost]
    public ActionResult Index(MyViewModel myViewModel)
    {
        return View();
    }