Пользовательское связующее устройство для внутренней модели
У меня есть такая модель:
public class MainModel
{
public string Id {get;set;}
public string Title {get;set;}
public TimePicker TimePickerField {get;set;}
}
TimePicker
- внутренняя модель, которая выглядит так:
public class TimePicker
{
public TimeSpan {get;set;}
public AmPmEnum AmPm {get;set;}
}
Я пытаюсь создать привязку пользовательской модели для внутренней модели: TimePicker
Возникает вопрос: как получить значения в привязке настраиваемой модели, которые были представлены в форме в поля модели TimePicker
?
Если я попытаюсь сделать это так:
var value = bindingContext.ValueProvider.GetValue(bindingContext.ModelName);
Я просто получаю null
в value
.
Я не уверен, как правильно реализовать привязку модели.
public class TimePickerModelBinder : DefaultModelBinder
{
public override object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
{
if (bindingContext == null)
{
throw new ArgumentNullException("bindingContext");
}
var result = new TimePicker();
var value = bindingContext.ValueProvider.GetValue(bindingContext.ModelName);
if (value != null)
{
bindingContext.ModelState.SetModelValue(bindingContext.ModelName, value);
try
{
//result = Duration.Parse(value.AttemptedValue);
}
catch (Exception ex)
{
bindingContext.ModelState.AddModelError(bindingContext.ModelName, ex.Message);
}
}
return result;
}
}
Для меня работает следующее.
Модель:
public enum AmPmEnum
{
Am,
Pm
}
public class TimePicker
{
public TimeSpan Time { get; set; }
public AmPmEnum AmPm { get; set; }
}
public class MainModel
{
public TimePicker TimePickerField { get; set; }
}
Контроллер:
public class HomeController : Controller
{
public ActionResult Index()
{
var model = new MainModel
{
TimePickerField = new TimePicker
{
Time = TimeSpan.FromHours(1),
AmPm = AmPmEnum.Pm
}
};
return View(model);
}
[HttpPost]
public ActionResult Index(MainModel model)
{
return View(model);
}
}
Вид (~/Views/Home/Index.cshtml
):
@model MainModel
@using (Html.BeginForm())
{
@Html.EditorFor(x => x.TimePickerField)
<button type="submit">OK</button>
}
Пользовательский шаблон редактора (~/Views/Shared/EditorTemplates/TimePicker.cshtml
), который объединяет свойства Time
и AmPm
в одно поле ввода и для последующего последующего разбиения на них будет требоваться настраиваемое связующее устройство.
@model TimePicker
@Html.TextBox("_picker_", string.Format("{0} {1}", Model.Time, Model.AmPm))
и модельное связующее:
public class TimePickerModelBinder : IModelBinder
{
public object BindModel(
ControllerContext controllerContext,
ModelBindingContext bindingContext
)
{
var key = bindingContext.ModelName + "._picker_";
var value = bindingContext.ValueProvider.GetValue(key);
if (value == null)
{
return null;
}
var result = new TimePicker();
try
{
// TODO: instead of hardcoding do your parsing
// from value.AttemptedValue which will contain the string
// that was entered by the user
return new TimePicker
{
Time = TimeSpan.FromHours(2),
AmPm = AmPmEnum.Pm
};
}
catch (Exception ex)
{
bindingContext.ModelState.AddModelError(
bindingContext.ModelName,
ex.Message
);
// This is important in order to preserve the original user
// input in case of error when redisplaying the view
bindingContext.ModelState.SetModelValue(key, value);
}
return result;
}
}
и, наконец, зарегистрируйте свое связующее устройство в Application_Start
:
ModelBinders.Binders.Add(typeof(TimePicker), new TimePickerModelBinder());
- Вопросы
- Custom-model-binder
- Пользовательское связующее устройство для внутренней модели