我需要创建 UIHint 才能将其连接到任何类型,并且它有效:如果选中该复选框,则如果未选中该复选框,则数据可见,则应隐藏数据并将其传递为 null。
但@Html.EditorForModel()
没有奏效。
在模型中:
[UIHint("_YesNoNull")]
[DisplayName("Ссылка на место проведения")]
public string VenueUrl { get; set; }
_YesNoNull 控件:
@{
Guid guid = Guid.NewGuid();
var propertyName = this.ViewData.ModelMetadata.PropertyName;
}
<script type="text/javascript">
$(function () {
$('#@(propertyName)_checkbox').click(function () {
var checked = $(this).attr('checked');
if (checked != undefined) {
$(this).val(true);
}
else {
$(this).val(false);
}
});
});
</script>
@Html.CheckBox("checkbox", false)
@Html.EditorForModel()//not worked
源代码:
<div class="editor-label">
<label for="VenueUrl">Ссылка на место проведения</label>
</div>
<div class="editor-field">
<script type="text/javascript">
$(function () {
$('#VenueUrl_checkbox').click(function () {
var checked = $(this).attr('checked');
if (checked != undefined) {
//show VenueUrl
}
else {
//hide VenueUrl
}
});
});
</script>
<input id="VenueUrl_checkbox" name="VenueUrl.checkbox" type="checkbox" value="true" /><input name="VenueUrl.checkbox" type="hidden" value="false" />
<span class="field-validation-valid" data-valmsg-for="VenueUrl" data-valmsg-replace="true"></span>
</div>
我想要得到的结果:
<div class="editor-label">
<label for="VenueUrl">Ссылка на место проведения</label>
</div>
<div class="editor-field">
<script type="text/javascript">
$(function () {
$('#VenueUrl_checkbox').click(function () {
var checked = $(this).attr('checked');
if (checked != undefined) {
//show VenueUrl
}
else {
//hide VenueUrl
}
});
});
</script>
<input id="VenueUrl_checkbox" name="VenueUrl.checkbox" type="checkbox" value="true" /><input name="VenueUrl.checkbox" type="hidden" value="false" />
<div class="editor-field">
<input class="text-box single-line" id="VenueUrl" name="VenueUrl" type="text" value=""/>
</div>
<span class="field-validation-valid" data-valmsg-for="VenueUrl" data-valmsg-replace="true"></span>
</div>