LabelFor + EditorFor 在同一行？

Question

我有这个代码：

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

如何在同一行获取标签和复选框（在本例中为复选框）？我已经尝试删除 div，但它们仍然出现在不同的行上。

谢谢。

Answer 1

删除不适用于我的应用，但添加 new { @style = "display:inline-block" } 作为 LabelFor() 的第二个参数可以。

我更喜欢标签前的复选框，所以它是：

<div>
    @Html.EditorFor(model => model.GetAll)
    @Html.LabelFor(model => model.GetAll, new { @style = "display:inline-block" })
</div>

Answer 2

只需删除分隔它们的 div，这对我有用，我得到Ticket []。

另外，如果您知道CheckBoxFor 是CheckBox，请使用CheckBox

<div>
    @Html.LabelFor(model => model.Ticket)
    @Html.CheckBoxFor(model => model.Ticket)
    @Html.ValidationMessageFor(model => model.Ticket)
</div>

我也使用了这个代码，因为 OP 说这是他的代码

<div class="editor-field">
    @Html.Label("SMS Alerts?")
    @Html.EditorFor(model => model.GetAll)
</div>

我收到GetAll []

GetAll 在我的 ViewModel 中是 bool

也用过这个

<div>
    @Html.LabelFor(model => model.GetAll)
    @Html.EditorFor(model => model.GetAll)
</div>

我收到GetAll []

还有这个

<div class="editor-field">
    @Html.LabelFor(model => model.GetAll)
    @Html.EditorFor(model => model.GetAll)
</div>

我收到GetAll []

在每种情况下，我的测试都是标签和复选框是内联的