asp.net - 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 []

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