Mvc3和Jquery Multiselect，發送值到服務器不工作？

我試圖使用來自Beautiful site和MVC3的Jquery Multiselect插件一起向服務器發送值。如Darrin的example所示，關鍵是創建MultiSelectModelBinder類，我猜，它會識別從客戶端發送的值，因爲multiselect插件使用[]表示法將所選值發送到服務器。我的aproach有點不同，我填寫dropDownList從我的控制器，而不是模型，保持模型清潔，並且也能夠填充從數據庫列表。我使用Darins示例創建MultiSelectModelBinder並在Application_Start()的模型聯編程序中註冊它。我的問題是，我總是不斷收到空模型回我的控制器，這裏是代碼：Mvc3和Jquery Multiselect，發送值到服務器不工作？

MODEL：

public class PersonsSearchModel 
{ 
    public string Person { get; set; } 
    public string Company { get; set; } 

    //here is my Cities collection 
    public IEnumerable<string> Cities { get; set; } 
}

VIEW：

@model MyNamespace.Model.PersonsSearchModel 
@using (Ajax.BeginForm("Search", "Persons", new AjaxOptions 
{ 
    HttpMethod = "GET", 
    InsertionMode = InsertionMode.Replace, 
    UpdateTargetId = "results", 
    LoadingElementId = "progress" 
}, 
    new { @id = "searchFormPerson" } 
)) 
{  
    <span> 
     @Html.TextBoxFor(x => Model.Person, new { @class = "halfWidth"}) 
    </span> 
    <span> 
     @Html.TextBoxFor(x => Model.Company, new { @class = "halfWidth"}) 
    </span> 
    <span> 
     @Html.ListBoxFor(x => x.Cities, Model.Items, new { @id="combobox1"}) 
    </span> 
    <input name="Search" type="submit" class="searchSubmit" value="submit" /> 
}

控制器：

public ActionResult Index() 
{ 

    var listCities = new List<SelectListItem>(); 
    listCities.Add(new SelectListItem() { Text = "Select one...", Value = "" }); 
    listCities.Add(new SelectListItem() { Text = "New York", Value = "New York" }); 
    listCities.Add(new SelectListItem() { Text = "Boston", Value = "Boston" }); 
    listCities.Add(new SelectListItem() { Text = "Miami", Value = "Miami" }); 
    listCities.Add(new SelectListItem() { Text = "London", Value = "London" }); 

    ViewBag.Cities = listCities; 

    return View(); 

} 

public class MultiSelectModelBinder : DefaultModelBinder 
{ 
    public override object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext) 
    { 
     var model = (PersonsSearchModel)base.BindModel(controllerContext, bindingContext); 
     var value = bindingContext.ValueProvider.GetValue(bindingContext.ModelName + "[]"); 
     if (value != null) 
     { 
      return value.RawValue; 
     } 
     return model; 

    } 
}

這裏來自客戶sholud的數據驅動，對接始終爲空？

public PartialViewResult Search(PersonsSearchModel psm) 
{ 
    var person = psm.Person; 
    var company = psm.Company; 
    var city = psm.Cities.ElementAt(0); 

    return GetResultPartialView(city); 

}

的global.asax.cs

protected void Application_Start() 
{ 
    //... 
    //model binder 

    ModelBinders.Binders.Add(typeof(IEnumerable<string>), new 
    FinessenceWeb.Controllers.PersonsController.MultiSelectModelBinder()); 
}

JQUERY

$("#combobox1").multiSelect();

來源

2012-03-13 Davor Zubak

嗯......尋找到DOM和jQuery插件後，原來的插件給出了選擇元素，屬性名稱，當前ID，所以它們是相同的，並且形式，以及..看着attr的名字。所以解決方案wolud是：

$("#Cities").multiSelect();

乾杯！

來源

2012-03-13 13:52:35

我有同樣的問題，雖然您提供的解決方案仍然有效。還有另外一種方法可以用較少的努力來完成。

實際上defaultModelbinder不綁定到多個選定的值，如果你能輸入參數更改爲List<inputparameter>和更改@Html.DropDownListFor到@Html.ListBoxFor.

這些2個控制之間的主要區別是，第一個是一個單一的選擇框和第二線一個是多重選擇器。

希望這可以幫助一個人有同樣的問題。

來源

2013-11-29 13:29:29

Mvc3和Jquery Multiselect，發送值到服務器不工作？

回答

相關問題