@ Html.ListBoxFor 키 대신 선택한 항목을 반환 할 수 있습니까?

Question

나는 다음과 같은 간단한 개체가 :

@using (Html.BeginForm("CreateThings", "ThingStorage"){ 
    @Html.ListBoxFor(x => x.SelectedThings, new MultiSelectList(Model.SelectedThings,"ThingId", "ThingName") 
    <input id="thingSelect" type="button" value="<" /> 
    <input id="thingDeselect" type="button" value=">" /> 
    @Html.ListBoxFor(x => x.UnselectedThings, new MultiSelectList(Model.UnselectedThings,"ThingId", "ThingName") 
} 

이 나에게 모델 오류를 줄 것이다 : 내가 현재 가지고하는 것은 이것이다

public class Thing 
{ 
    public int ThingID { get; set; } 
    public string ThingName { get; set; } 
} 

public class WrapperThing 
{ 
    public List<Thing> SelectedThings{ get; set; } 
    public List<Thing> UnselectedThings{ get; set; } 
} 

public class ThingStorageController 
{ 
    [HttpPost] 
    public ActionResult CreateThings(WrapperThing wt) 
     if(ModelState.IsValid){ 
      //Modelstate has binding errors 
     } 
    } 
} 

내가해야 할 것은이 http://jsfiddle.net/timotheus/7JHA4/

같은입니다 게시물에지도 문자열을 객체 유형으로 가져올 수 없다고 말하는 것은 올바른 것입니다. 선택한 객체의 ID 만 다시 전송되기 때문입니다. 개체 목록 자체를 다시 게시 할 수있는 방법이 있습니까?

오, 보너스 질문으로 대답에서 이것을 고려해보십시오. 실제로 선택한 목록뿐만 아니라 각 목록의 전체 내용을 게시하고 싶습니다. 아마도 ListBoxFor()는 내가 정말로 원하는 컨트롤이 아니며, 내가 성취하고자하는 것에 대한 더 나은 대안을 제안 할 수 있습니까?

Answer 1

SelectedThings 및 UnselectedThings을 래퍼 인스턴스에 매핑하는 사용자 정의 모델 바인더를 구현할 수 있습니다. 그러나 래퍼 모델의 일부가 아닌 모든 것을 게시하고 싶을 수도 있습니다. 그러므로 나는 이것을 간단하게하려고 노력할 것이다. 모든 것을 제출하려면 매개 변수 int[] SelectedThings, int[] UnselectedThings

[HttpPost] 
public ActionResult Submit(int[] SelectedThings, int[] UnselectedThings) 
{ 
    ... your code ... 
} 

에 동의해야합니다 포스트를 수신

ActionResult, 당신은 세 번째 selectSelectedThings 및 UnselectedThings에서 모든 옵션을 다시 채워 것 ID AllThings (아마도 style="display:none" 포함)로 구현할 수있다 . 폼의 submit 이벤트 중에 백필이 실행될 수 있습니다.

$('form').submit(function() { 
    $('#SelectedThings option').appendTo('#AllThings'); 
    $('#UnselectedThings option').appendTo('#AllThings'); 
} 

사용자 정의 모델 바인더를 구현하려는 경우, this post

에서 봐, 그리고 당신이 게시물을 따르는 경우에, 나는 DefaultModelBinder에서 상속하는 것이 좋습니다. 여기에 당신을 시작할 수있는 대략적인 예가 있습니다.

public class ThingModelBinder: DefaultModelBinder 
{ 
    private List<Thing> ThingsData = new List<Thing> { new Thing { ThingId = 1, ThingName = "One" }, new Thing { ThingId = 2, ThingName = "Two" } }; 
    public override object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext) 
    { 
     //This assumes some persistance layer ThingsData 
     //NOTE: you'll definately need to refactor this, but it should be enough to get you started 
     if (bindingContext.ModelType == typeof(WrapperThing)) 
     { 
      HttpRequestBase request = controllerContext.HttpContext.Request; 

      //convert string to string[] 
      string[] selected = request.Form.Get("SelectedThings").Split(Convert.ToChar(",")).ToArray<string>(); 
      // do the same with unselected 


      //convert sting[] to int[] 
      var iselected = (from i in selected select Convert.ToInt32(i)).ToArray<int>(); 
      // do the same with unselected 

      //fill selected things 
      List<Thing> fillSelected = (from data in ThingsData where iselected.Contains(data.ThingId) select data).ToList<Thing>(); 
      // do the same with unselected 


      //instantiate WrapperThing and populate 
      WrapperThing wrapper = new WrapperThing { SelectedThings = new List<Thing>(), UnselectedThings = new List<Thing>() }; 
      wrapper.SelectedThings = fillSelected; 
      // you guessed it, do the same with unselected 

      return wrapper; 
     } 

     return base.BindModel(controllerContext, bindingContext); 
    } 
} 

게시물에 명시된대로 모델 바인더를 적절한 위치에 등록하십시오.