2

管理者ユーザーがゲームに表示される単語を選択してゲームをセットアップし、単語内のどの文字がエンコードされるかを選択できるように、単語推測ゲームの管理インターフェイスを構築しています。

MainGameTable 編集ページ.....

@model GameServer.ViewModels.GameTableModel

@section Javascript
{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"    type="text/javascript"></script>
}



@{
    ViewBag.Title = "GameTableEdit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>GameTableEdit</h2>

@using (Html.BeginForm("GameTableEdit", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>GameTable</legend>
        @Html.HiddenFor(model => model.GameTableId)
        @Html.HiddenFor(model => model.GameTableNumber)

        <div class="editor-label">
            Table #: @Html.DisplayFor(model => model.GameTableNumber)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.SubjectId)
        </div>
        <div class="editor-field">
            @Html.DropDownListFor(model => model.SubjectId, new SelectList(Model.Subjects, "Key", "Value"))
            @Html.ValidationMessageFor(model => model.SubjectId)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.ComplexityId)
        </div>
        <div class="editor-field">
            @Html.DropDownListFor(model => model.ComplexityId, new SelectList(Model.Complexities, "Key", "Value"))
            @Html.ValidationMessageFor(model => model.ComplexityId)
        </div>

        <button type="submit" name="button" value="GetWords">Get Words</button>

                @Html.Partial("GameMatrix/_LineWordsTable", Model)

         <p>
           <button type="submit" name="button" value="Save">Save</button>
         </p>

    </fieldset>
}



<div>
    @Html.ActionLink("Back to List", "Index")
</div>

テーブル内の各単語の部分的な Page_

@model GameServer.ViewModels.GameTableModel
@if (Model.SelectedLinewords.Count != null && Model.SelectedLinewords.Count > 0)
{ 

    <table>
        <tr>
            <th>
                Select Word
            </th>
            <th>
                LineWord
            </th>
            <th>
                Characters to Display
            </th>
        </tr>


                    @Html.EditorFor(x => x.SelectedLinewords)


    </table>

}

各行のエディター テンプレート:

@model GameServer.ViewModels.SelectedLineWord
  <tr>   
<td>
    @Html.CheckBoxFor(x => x.isSelected)
</td> 
<td>
    @Html.DisplayFor(x => x.LineWord)
</td>     
<td>

    @Html.HiddenFor(x=>x.LineWordId)
    @Html.HiddenFor(x=>x.LineWord)
    @{ char[] lineword = Model.LineWord.ToCharArray(); }

    @for (int i = 0; i < Model.LineWord.Length; i++) 
    {

        <input type="checkbox" name="DisplayCharPosition"  value="@i" /> @lineword[i]
    }



</td>
</tr>

これが私のViewModelです

public class SelectedLineWord 
    {
        [Required]
        public Guid LineWordId { get; set; }

        [Required]
        public String LineWord { get; set; }


        public int[] DisplayCharPosition { get; set; }

        [Required]
        public bool isSelected { get; set; }

        public SelectedLineWord()
        {

        }

        public SelectedLineWord(Guid linewordid, String word, String displaycharposition)
        {
            LineWordId = linewordid;
            LineWord = word;
            String[] pos = displaycharposition.Split(',');

            DisplayCharPosition = new int[word.Length];

            for (int i = 0; i < word.Length; i++)
            {
                DisplayCharPosition[i] = 0;
            }

            for (int i = 0; i < pos.Length; i++)
            {
                DisplayCharPosition[Int32.Parse(pos[i])] = 1;
            }
        }

        public SelectedLineWord(Guid linewordid, String word, bool issel)
        {
            LineWordId = linewordid;
            LineWord = word;
            isSelected = issel;
        }

    } 

    public class GameTableModel
    {

        [Required]
        public Guid GameTableId { get; set; }

        [Required]
        public Guid GameMatrixId { get; set; }


        [Required]
        [Display(Name = "Table Subject")]
        public int SubjectId { get; set; }

        [Required]
        [Display(Name = "Minimum Complexity")]
        public int ComplexityId { get; set; }


        [Required]
        public int GameTableNumber { get; set; }

        [Required]
        [Display(Name = "Include a Bonus table")]
        public bool IsBonus { get; set; }

        [Display(Name = "Table Subject")]
        public Dictionary<int, string> Subjects;

        [Display(Name = "Minimum Complexity")]
        public Dictionary<int, int> Complexities;

        public List<GameTableLine> GameTableLines { get; set; }
        public List<SelectedLineWord> SelectedLinewords { get; set; }


        public GameTableModel ()
        {
            try
            {

                //get a connection to the database
                var data = new GameServerDataModelDataContext();

                //Fetch the subjects reference data
                var subjects = from c in data.Subjects orderby c.Subject1 select new { c.SubjectId, c.Subject1};

                Subjects = new Dictionary<int, string>();

                foreach (var subject in subjects)
                {
                    Subjects.Add(subject.SubjectId, subject.Subject1);
                }

                //Fetch the complexities questions
                Table<Complexity> dComplexities = data.GetTable<Complexity>();

                Complexities = new Dictionary<int, int> { { 0, 0 } };
                foreach (var complexity in dComplexities)
                {
                    if (complexity.Complexity1 != null)
                        Complexities.Add(complexity.ComplexityId, (int)complexity.Complexity1);
                }

            }
            catch (Exception ex)
            {
                //[TODO: Complete the exception handeling code.]
            }
        }
    }

私の問題は、保存ボタンを押すと、コントローラーに渡されたモデルにすべてが正しく入力されていますが、DisplayCharPosition で選択されたチェック ボックスに対して null が返されることです。私が期待していたのは、表示用に選択された文字のインデックスが入力された int[] でした。

誰かが私が間違っていることを理解するのを手伝ってもらえますか?

4

1 に答える 1

1

私はこれを解決することができました(しかし、私はそれを行うためのより良い方法についての提案をまだ受け入れています).

私がしたことは、ブール値の配列を格納するために、次の行<input type="checkbox" name="DisplayCharPosition" value="@i" /> @lineword[i]@Html.CheckBoxFor(x => x.DisplayCharPosition[i]) @lineword[i]モデル タイプをに変更したことです。public bool[] DisplayCharPosition { get; set; }bool 配列には、ユーザーがゲーム テーブルに表示したい各文字の true/false 値があります。次に、これをコンマ区切りの文字列としてデータベースに保存します(たとえば、1,4,6-後で分割したため、位置1、4、および6の文字を表示し、残りをエンコードする必要があることがわかります)。

また、次のようにモデルを変更しました。

public class SelectedLineWord 
    {
        [Required]
        public Guid LineWordId { get; set; }

        [Required]
        public String LineWord { get; set; }


        public bool[] DisplayCharPosition { get; set; }

        [Required]
        public bool isSelected { get; set; }

        public SelectedLineWord()
        {

        }

        public SelectedLineWord(Guid linewordid, String word, String displaycharposition)
        {
            LineWordId = linewordid;
            LineWord = word;
            String[] pos = displaycharposition.Split(',');

            DisplayCharPosition = new bool[word.Length];

            //set all to false
            for (int i = 0; i < word.Length; i++)
            {
                DisplayCharPosition[i] = false;
            }

            //now only set the ones that were already in the db.
            for (int i = 0; i < pos.Length; i++)
            {
                DisplayCharPosition[Int32.Parse(pos[i])] = true;
            }
        }
于 2011-09-04T08:03:23.140 に答える