0

これは、この質問の続きです。モデルクラスとマッピング

Clientクラスが正常に機能するようになり、次のように定義されています。

using System;

using System.ComponentModel.DataAnnotations;
using System.ComponentModel;

using DataAnnotationsExtensions;
using System.ComponentModel.DataAnnotations.Schema;
using System.Collections.Generic;

namespace CardNumbers.Objects
{
    [ComplexType]
    public class PhoneInfo
    {
        [DataType(DataType.PhoneNumber)]
        [StringLength(10)]
        [DisplayName("Phone")]
        public virtual string Phone { get; set; }

        [StringLength(5)]
        [DisplayName("Ext")]
        public virtual string Ext { get; set; }

        public bool HasValue
        {
            get
            {
                return (Phone != null || Ext != null);
            }
        }

    }

      [ComplexType]
      public class ContactDetail
      {
          //Constructor
          public ContactDetail()
          {
              phoneInfo = new PhoneInfo();
          }

          [StringLength(100)]
          [DisplayName("Contact Name")]
          [DisplayFormat(NullDisplayText = "")]
          public virtual string Contact { get; set; }

          [Email]
          [StringLength(100)]
          [DisplayName("Email")]
          public virtual string Email { get; set; }

          public virtual PhoneInfo phoneInfo { get; set; }
          public bool HasValue
          {
              get
              {
                  return (Contact != null || Email != null || phoneInfo.HasValue);
              }
          }
      }

/// <summary>
/// Client class (Client No, Client Name, Address, Contact1, Contact2 info, Created By, Modified By (operator and date)
/// </summary>
    public class Client
    {
        public Client()
        {
            Contact1 = new ContactDetail();
            Contact2 = new ContactDetail();
     }

        [Key]
        [Column("ClientId",TypeName = "int")]
        public virtual int Id { get; set; }
        [Required]
        [DisplayName("Client No")]
        [Column("client_no", TypeName = "smallint")]
        public virtual Int16 Number { get; set; }

        [Required]
        [Column("client_name", TypeName = "varchar")]
        [DisplayName("Client Name")]
        [MaxLength(30, ErrorMessage = "Client Name should not be longer than 30 characters" )]
        [MinLength(3, ErrorMessage = "Client Name is too short")]
        public virtual string Name { get; set; }

        [DataType(DataType.MultilineText)]
        public virtual string Address { get; set; }

        public virtual ContactDetail Contact1 {get; set;}
        public virtual ContactDetail Contact2 {get; set;}

        [ForeignKey("EnteredByOperator")]
        public string EnteredBy { get; set; }

        [InverseProperty("ClientsEnteredBy")]
        public virtual Operator EnteredByOperator { get; set; }

        [ForeignKey("ModifiedByOperator")]
        public string ModifiedBy { get; set; }

        [InverseProperty("ClientsUpdatedBy")]
        public virtual Operator ModifiedByOperator { get; set; }

        [DataType(DataType.DateTime)]
        [DisplayName("Created on")]
        public DateTime EnteredOn { get; set; }

        [DataType(DataType.DateTime)]
        [DisplayName("Modified on")]
        public DateTime? ModifiedOn { get; set; }

        public virtual ICollection<ClientOrder> ClientOrders { get; set; }

        public virtual ICollection<Reorder> Reorders { get; set; }
    }
}

Fluent APIを使用して列名をマップし、元の「リポジトリ」クラスをこのチュートリアルhttp://code.msdn.microsoft.com/ASPNET-MVC-Application-b01a9fe8で定義されているものと非常によく似たものに再定義しました。

これは、_ClientFormと呼ばれるクライアントフォームの現在の部分的なビューです。

@using WebDemo.Helper
@model CardNumbers.Objects.Client
<fieldset>
    <legend>Client Info</legend>

    @Html.ValidationSummary(true)

    <input type="hidden" id="fntype" name="fntype">
    @Html.HiddenFor(model => model.Id)
    @Html.EditorFor(model => model.Number, EditorTemplate.TextBox)

    @Html.EditorFor(model => model.Name, EditorTemplate.TextBox)

    @Html.EditorFor(model => model.Address, EditorTemplate.EditBox)

    <div id="ContactsInfo">
        @*Contact 1*@

        <div id="Contact1">

         @*@Html.EditorFor(model=>model.Contact1)*@
            @Html.EditorFor(model=>model.Contact1.Contact, EditorTemplate.TextBox)
            @Html.EditorFor(model=>model.Contact1.Email, EditorTemplate.TextBox)
        </div>

        @*Contact2*@
        <div id="Contact2">

        @*   @Html.EditorFor(model => model.Contact2)*@
        </div>
    </div>
    @*<div class="clear"></div>*@
    <div id="SaveCancel" class="float-right">
        <button type="Submit" id="btnSave">Save</button>
        <button type="reset" id="btnCancel">Cancel</button>
    </div>
</fieldset>

私はすでに1つのレベルだけの元の方法に戻ろうとしましたが、2番目のContact2情報にもコメントしましたが、それでも電子メールの検証は機能せず、他のすべての検証も機能しないようです。

EditorForテキストボックスは、このブログ投稿http://fusionovation.com/post/2010/02/15/adding-a-rich-text-editor-to-asp-net-mvc-using-strongly-typed-に基づいて定義されています。 helpers-dataannotations-amp-jquery.aspx

そして、これらは私が追加した新しいEditorForの2つです:PhoneInfo.cshtml

@using WebDemo.Helper
@model CardNumbers.Objects.PhoneInfo

<div id="PhoneInfo">
    <div class="float-left">
        @Html.EditorFor(model => model.Phone, EditorTemplate.TextBox)
    </div>
    <div class="float-right">
        @Html.EditorFor(model => model.Ext, EditorTemplate.TextBox)
    </div>
</div>

そしてContactDetail.cshtml

@using WebDemo.Helper
@model CardNumbers.Objects.ContactDetail

@Html.EditorFor(model => model.Contact, EditorTemplate.TextBox)
@Html.EditorFor(model => model.Email, EditorTemplate.TextBox)
@Html.EditorFor(model=>model.phoneInfo)

ご覧のとおり、ビューのコードは非常にコンパクトになっています。

ただし、これらすべてが適切に配置されていると、検証は実行されなくなります。以前は、ごみを入力してEメールの検証をテストしていました。これは、テキストボックスの近くに検証メッセージを提供するために使用されていました。これで、電子メールのテキストボックスに赤い境界線が表示されますが、メッセージはありません。

私が今欠けているものと、複雑なタイプと検証を使用できるかどうかがわかりますか?

明確にするために、_ClientFormはこのクライアントビューから呼び出されます。

@model CardNumbers.Objects.Client

@{
    ViewBag.Title = "Client";
}

@section scripts {
    <script src="@Url.Content("~/Scripts/Clients.js")" type="text/javascript" ></script>
}

 <form id="frmClientsSearch">
        <label for="clientNo">Client No: </label>
        <input type="number" name="searchClientNo" class="numericOnly" /><br />
        <label for="clientName">Client Name: </label>
        <input type =  "text" size =25 value ="Please enter the search value" class="SelectOnEntry"
            name ="searchClientName" />

       <input type="button" id="btnClientsSearch" value ="Find / Refresh" />      
</form>
<div style="padding-left: 150px; padding-top: 50px; padding-bottom: 50px;" id="ClientsResults">
    <table id="flexClients" style="display: none">
    </table>
</div>
<div style="display: none">
   <form id="sform" title="Client Info">


        @{Html.RenderPartial("_ClientForm", Model)   ;}

    </form>
</div>

ありがとう。

4

2 に答える 2

1

ページのどこにもフォームが表示されません。検証が機能するには、フォームコンテキストが必要です。Editor属性をBeginFormブロックでラップする必要があります。

于 2012-10-22T17:44:57.977 に答える
0

いくつかの試行錯誤の結果、TextBoxEditorForビューが原因であることがわかりました。私はここで私の答えで見つけたものを文書化しましたhttp://forums.asp.net/t/1855963.aspx/1?Validation+messages+don​​+t+show+up+ what+is+missing+

基本的に、このEditorForを使用している限り

@*@using WebDemo.Helper*@
@model CardNumbers.Objects.PhoneInfo

<div id="PhoneInfo">
    <div class="float-left">
        @* @Html.EditorFor(model => model.Phone, EditorTemplate.TextBox)*@
        <div class="editor-label">
            @Html.LabelFor(model => model.Phone)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Phone)
            @Html.ValidationMessageFor(model => model.Phone)
        </div>
    </div>
    <div class="float-right">
        @*@Html.EditorFor(model => model.Ext, EditorTemplate.TextBox)*@
        <div class="editor-label">
            @Html.LabelFor(model => model.Ext)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Ext)
            @Html.ValidationMessageFor(model => model.Ext)
        </div>
    </div>
</div>

すべて問題なく動作しているようです。しかし、短い構文に切り替えて、テキストボックスにこのEditorForを使用しようとすると、次のようになります。

<div class="editor-label">
    @Html.Label((ViewData.ModelMetadata.DisplayName??ViewData.ModelMetadata.PropertyName),
        new Dictionary<string, object>
            {
                { "for", ViewData.ModelMetadata.PropertyName }
            })
</div>
<div class="editor-field">
    @Html.TextBox("", (object)Model,
        new Dictionary<string, object>
            {
                { "id", ViewData.ModelMetadata.PropertyName },
                { "name", ViewData.ModelMetadata.PropertyName },
                { "class", "text-box single-line"},
                { "data-bind", "value: " + ViewData.ModelMetadata.PropertyName },
            })
    @Html.ValidationMessage(ViewData.ModelMetadata.PropertyName,
        new Dictionary<string, object>
            {
                { "data-valmsg-for", ViewData.ModelMetadata.PropertyName }
            })
</div>

検証メッセージは表示されなくなりました。

うまくいけば、この答えが誰かを助けるか、あなたは私がここで欠けているものを見るかもしれません。

于 2012-11-05T17:29:06.463 に答える