私は過去にこのようにエディターテンプレートを使用しており、次のデータアノテーションを適用しています。
[UIHint("SomeTemplate")]
ViewModel:
public class MicroViewModel
{
public IEnumerable<LabMicro> Micros { get; set; }
[UIHint("DateTime")]
public DateTime Date { get; set; }
public int CaseNo { get; set; }
[UIHint("SampleTypes")]
public int LabSampleTypeID { get; set; }
[UIHint("SampleDetails")]
public int LabSampleDetailID { get; set; }
}
通常のコントロールではなく特定の日付ピッカーコントロールを使用したい場合は、次のように実装できます。
例:
@model DateTime?
@Html.TextBox("", String.Format("{0:yyyy-MM-dd}", Model.HasValue ?
Model : DateTime.Today), new { @class = "dp", style="width:100px" })
<script type="text/javascript">
$(document).ready(function () {
$(".dp").datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'yy-mm-dd'
});
});
</script>
私のIDフィールドには、jQueryオートコンプリートコンポーネントを利用したいと思います。
質問:
UIHint
とLabSampleTypeID
のLabSampleDetailID
部分ビューに追加のパラメーターを渡すにはどうすればよいですか? (たとえば、URLやプロパティ名を取得するオートコンプリートエディターテンプレートが必要なので)
私のオートコンプリートエディターテンプレート/パーシャルは次のようになるはずです:
$(".auto").autocomplete({
source: function(request, response) {
$.ajax({
url: '[#URL_TO_USE]',
dataType: "json",
data: {
filter: request.term
},
success: function(data) {
response($.map(eval(data), function(item) {
return {
label: item.[#PROPERTY_TO_USE]
}
}));
}
})
}
});
AdditionalMetadata
属性を使用できます。
[UIHint("DateTime")]
[AdditionalMetadata("foo", "bar")]
public DateTime Date { get; set; }
テンプレートで:
@ViewData.ModelMetadata.AdditionalValues["foo"]
だからあなたがURLを渡したいなら:
[UIHint("DateTime")]
[AdditionalMetadata("controller", "somecontroller")]
[AdditionalMetadata("action", "someaction")]
[AdditionalMetadata("property", "someproperty")]
public DateTime Date { get; set; }
そしてあなたのテンプレートで:
@{
var values = ViewData.ModelMetadata.AdditionalValues;
}
<script type="text/javascript">
$('.auto').autocomplete({
source: function (request, response) {
$.ajax({
url: '@Url.Action((string)values["action"], (string)values["controller"])',
dataType: "json",
data: {
filter: request.term
},
success: function (data) {
response(
$.map(eval(data), function (item) {
return {
label: item['@values["property"]']
}
})
);
}
});
}
});
</script>
AdditionalMetadata属性なしでUHintを使用できますが、追加のコードが必要です
[UIHint("DateTime", null, "key1", "value1", "key2", "value2")]
public DateTime Date { get; set; }
createMetadataをオーバーライドします。
public class CustomMetadataProvider : DataAnnotationsModelMetadataProvider
{
public const string UiHintControlParameters = "UiHintControlParameters";
protected override ModelMetadata CreateMetadata(
IEnumerable<Attribute> attributes,
Type containerType,
Func<object> modelAccessor,
Type modelType,
string propertyName)
{
ModelMetadata metadata = base.CreateMetadata(
attributes,
containerType,
modelAccessor,
modelType,
propertyName);
IEnumerable<UIHintAttribute> uiHintAttributes = attributes.OfType<UIHintAttribute>();
UIHintAttribute uiHintAttribute = uiHintAttributes.FirstOrDefault(a => string.Equals(a.PresentationLayer, "MVC", StringComparison.OrdinalIgnoreCase))
?? uiHintAttributes.FirstOrDefault(a => String.IsNullOrEmpty(a.PresentationLayer));
if (uiHintAttribute != null)
{
metadata.AdditionalValues.Add(UiHintControlParameters, uiHintAttribute.ControlParameters);
}
return metadata;
}
CustomMetadataProviderを登録します。
public static void Application_Start()
{
ModelMetadataProviders.Current = new CustomMetadataProvider();
}
そしてあなたのテンプレートで:
@{
IDictionary<string, object> values = (IDictionary<string, object>)
ViewData.ModelMetadata.AdditionalValues[CustomMetadataProvider.UiHintControlParameters];
}