1

Create ビューで使用するビューモデルがあります。

ビューモデル

public class ReportViewModel
{
    public int ID { get; set; }
    [Display(Name = "Platform")]
    public string Platform { get; set; }
    [Display(Name = "Logo")]
    public HttpPostedFileBase Logo { get; set; }

}

ビューを作成 

@model HPRWT.ViewModels.ReportViewModel
@using (Html.BeginForm("Create", "Report", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<div class="editor-label">
            @Html.LabelFor(model => model.Platform )

            @Html.EditorFor(model => model.Platform )
            @Html.ValidationMessageFor(model => model.Platform)
        </div>
<div class="editor-label">
            @Html.LabelFor(model => model.Logo)

            <input type="file" id="Logo" name="Logo" />
        </div>
}

この作品は完璧です。しかし今、空き時間 (7 日、24 時間) を取得するには、一連のチェックボックス (7x24) が必要です。ID の配列があります (jquery を使用しているため、定義済みの ID が必要です)。作成ビューで:

@for(int i = 1; i < labels.Length; i++)
        {
            <tr>
                <td>@labels[i][0]</td>@for(int j = 1; j < labels[i].Length; j++)
                    {
                        <td><div><input type="checkbox" id="@ids[i][j]" /><label for="@ids[i][j]"></label></div></td>
                    }

私のIDはR02C00（行のR + 2桁の行の数+ C（列）+列の数（2桁））のようなものです。私はそれらを次のように生成します：

for (int i = 1; i < 8; i++)
                for (int j = 1; j < 25; j++)
                    ids[i][j] = "R" + i.ToString("00") + "C" + (j-1).ToString("00");

これもうまくいきます。今私の問題は、チェックボックスの値を取得する方法です。

コントローラ

[HttpPost]
        public ActionResult Create(ReportViewModel rvm)
        {
            if (ModelState.IsValid)
            {
                rdb.Reports.Add(CreateReport(rvm));
                rdb.SaveChanges();
                return RedirectToAction("Index");  
            }

            return View(rvm);
        }

// Create a report from a reportviewmodel
        private Report CreateReport(ReportViewModel rvm)
        {
            Report report = new Report();


            // Platform
            string platform = rvm.Platform;
            report.Platform = platform ;
// Logo
            HttpPostedFileBase inputFile = rvm.InputFile; // Some code to get the path

return report;
}

チェックボックスの値を取得するにはどうすればよいですか? reportviewmodel に bool[][] を追加した場合、@Html.Checkbox を実行する方法はありますか? (jquery で ID 名を変更する必要がある場合、気にしません。R01C01 のような ID を持つことは必須ではありません...jquery の ID のみが html と同じです)

4

2 に答える 2

4

ビューモデルを使用しないのはなぜですか?

public class FreeHourViewModel
{
    public string Label { get; set; }
    public bool Selected { get; set; }
}

public class ReportViewModel
{
    public ReportViewModel()
    {
        this.FreeHours = Enumerable
            .Range(1, 7)
            .Select(day => 
                Enumerable.Range(1, 24).Select(hour => new FreeHourViewModel
                {
                    Label = string.Format("day: {0}, hour: {1}", day, hour)
                }
            ).ToArray()
        ).ToArray();
    }

    public int ID { get; set; }
    [Display(Name = "Platform")]
    public string Platform { get; set; }
    [Display(Name = "Logo")]
    public HttpPostedFileBase Logo { get; set; }

    public FreeHourViewModel[][] FreeHours { get; set; }
}

その後：

@for (int i = 0; i < Model.FreeHours.Length; i++)
{
    for (int j = 0; j < Model.FreeHours[i].Length; j++)
    {
        @Html.LabelFor(x => x.FreeHours[i][j].Selected, Model.FreeHours[i][j].Label)
        @Html.CheckBoxFor(x => x.FreeHours[i][j].Selected)
    }
}

フォームが送信されると、実際のビュー モデルを使用したため、モデル バインディングは期待どおりに機能します。また、これらのチェックボックスを生成するために jQuery は必要ありません。のような強く型付けされたヘルパーHtml.CheckBoxForは行くべき道です。

于 2013-04-17T12:13:10.267 に答える
0

チェックボックスに関連して、強く型付けされたビューを持つことはどうですか?

public class ReportViewModel
{
    public ReportViewModel()
    {
        Days = new List<Day>();
    }
    public int ID { get; set; }
    [Display(Name = "Platform")]
    public string Platform { get; set; }
    [Display(Name = "Logo")]
    public HttpPostedFileBase Logo { get; set; }
    public IList<Day> Days { get; set; }
}
public class Hour
{
    public int Id { get; set; }
    public bool Selected { get; set; }
}
public class Day
{
    public Day()
    {
        Hours = new List<Hour>();
    }
    public int Id { get; set; }
    public bool Selected { get; set; }
    public IList<Hour> Hours { get; set; }
}

次に、次のようなビューを返します。

foreach (var d in Enum.GetValues(typeof(DayOfWeek)))
{
    var day = new Day { Id = (int)d };
    for (var i = 0; i < 25; i++)
    {
        day.Hours.Add(new Hour { Id = i });
    }
    model.Days.Add(day);
}
return View(model);

そして、これをあなたのビューに追加してください：

for (var i = 0; i < 7; i++)
{
    <div id="days">            
        <ul>
            @for (var j = 0; j < 24; j++)
            {
                <li>@Html.CheckBoxFor(m=>Model.Days[i].Hours[j].Selected)</li>
            }
        </ul>  
    </div>
}

入力を受け取ると、bool 値の配列が得られます。Idsつまり、日は 0 ～ 6、時間は 0 ～ 23 です。どの特定の日の何時に選択されたかを簡単に判断できます。

もちろん、各チェックボックスのラベルを表示するなど、不足している部分を私の提案で埋める必要があります。

于 2013-04-17T12:19:03.747 に答える