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

<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是bool我的ViewModel中的一个

也用这个

<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 []

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