1

私はまだMVCにかなり慣れていないので、ご容赦ください。

部分ビューを含む単純なビューがあります。その部分ビュー モデルには、次のような検証注釈があります。

public class LocationViewModel
{
    [Display(Name = "Area")]
    [UIHint("DropDownList")]
    public int? AreaId { get; set; }
    public string Area { get; set; }
    public IEnumerable<AWS.DTO.Lookup> Areas { get; set; }

    [Display(Name = "Establishment")]
    [UIHint("DropDownList")]
    public int? EstablishmentId { get; set; }
    public string Establishment { get; set; }
    public IEnumerable<AWS.DTO.Lookup> Establishments { get; set; }

    [Display(Name = "Property")]
    [UIHint("DropDownList")]
    [Required(ErrorMessage = "Category is required.")]
    public int PropertyId { get; set; }
    public string Property { get; set; }
    public IEnumerable<AWS.DTO.Lookup> Properties { get; set; }
}

部分的なビュー:

    @model AWS.PL.ViewModels.LocationViewModel

<script type="text/javascript">
    function getSEATs(area) {
        $.ajax({
            url: "@Url.Action("SelectSEATs", "Location")",
            data: { areaId: area },
            dataType: "json",
            type: "POST",
            error: function () {
                alert("An error occurred.");
            },
            success: function (data) {
                var items = "";
                $.each(data, function (i, item) {
                    items += "<option value=\"" + item.Value + "\">" + item.Text + "</option>";
                });

                $("#SEATId").html(items);
            }
        });
    }

    function getEstablishments(seat) {
        $.ajax({
            url: "@Url.Action("SelectEstablishments", "Location")",
            data: { seatId: seat },
            dataType: "json",
            type: "POST",
            error: function () {
                alert("An error occurred.");
            },
            success: function (data) {
                var items = "";
                $.each(data, function (i, item) {
                    items += "<option value=\"" + item.Value + "\">" + item.Text + "</option>";
                });

                $("#EstablishmentId").html(items);
            }
        });
    }

    function getProperties(estab) {
        $.ajax({
            url: "@Url.Action("SelectProperties", "Location")",
            data: { estabId: estab },
            dataType: "json",
            type: "POST",
            error: function () {
                alert("An error occurred.");
            },
            success: function (data) {
                var items = "";
                $.each(data, function (i, item) {
                    items += "<option value=\"" + item.Value + "\">" + item.Text + "</option>";
                });

                $("#PropertyId").html(items);
            }
        });
    }

    $(document).ready(function () {
        $("#AreaId").change(function () {
            var area = $("#AreaId").val();
            getSEATs(area);
        });
        $("#SEATId").change(function () {
            var seat = $("#SEATId").val();
            getEstablishments(seat);
        });
        $("#EstablishmentId").change(function () {
            var estab = $("#EstablishmentId").val();
            getProperties(estab);
        });
    });    
</script>
<div class="control-group">
    @Html.LabelFor(m => m.AreaId, new { @class = "control-label" })
    <div class="controls">
        <div>
            @Html.DropDownListFor(m => m.AreaId, new SelectList(Model.Areas, "ID", "Description", -1), "-- Please Select -- ")
        </div>
    </div>
</div>
<div class="control-group">
    @Html.LabelFor(m => m.SEATId, new { @class = "control-label" })
    <div class="controls">
        <div>
            @Html.DropDownListFor(m => m.SEATId, new SelectList(Model.SEATs, "ID", "Description", -1))
        </div>
    </div>
</div>
<div class="control-group">
    @Html.LabelFor(m => m.EstablishmentId, new { @class = "control-label" })
    <div class="controls">
        <div>
            @Html.DropDownListFor(m => m.EstablishmentId, new SelectList(Model.Establishments, "ID", "Description", -1))
        </div>
    </div>
</div>
<div class="control-group">
    @Html.LabelFor(m => m.PropertyId, new { @class = "control-label" })
    <div class="controls">
        <div>
            @Html.DropDownListFor(m => m.PropertyId, new SelectList(Model.Properties, "ID", "Description", -1))
            @Html.ValidationMessageFor(m => m.PropertyId)
        </div>
    </div>
</div>

メイン フォームを送信すると、部分ビューではなく、メイン ビューのフィールドに対して検証が実行されます。誰でも理由を教えてもらえますか?

ありがとう、ポール。

4

1 に答える 1

1

プロパティ フィールドは null 非許容の int であるため、フィールドは常に何らかの値に設定されます。required 属性は、デフォルト値ではなく、空または null フィールドのみをチェックします。プロパティのタイプを int? に変更し、デフォルト値を null に設定する必要があります。

于 2013-07-05T14:58:00.377 に答える