从后面的代码动态创建 HTML 和 asp 元素答案

【问题标题】：Dynamically creating HTML and asp elements from code behind从后面的代码动态创建 HTML 和 asp 元素
【发布时间】：2014-02-11 13:16:49
【问题描述】：

我在网页后面的代码中填充了一个 DataTable，并尝试使用它来创建一个“p”标签，其中包含服务选项的文本，后跟一个 ASPxCheckBox。我遇到的问题是我似乎无法将它们放在同一条线上，它们是分开的。任何帮助都会很大。

到目前为止的代码：

        Dim dtExample As New DataTable
        dtExample.Columns.Add("ID")
        dtExample.Columns.Add("Option")
        dtExample.Columns.Add("Price", GetType(Decimal))
        dtExample.Rows.Add({1, "Engine Flush", 99.95})
        dtExample.Rows.Add({2, "Oil Check", 19.95})
        dtExample.Rows.Add({3, "Pump Up Tires", 9.95})
        dtExample.Rows.Add({4, "Air Conditioner", 69})
        dtExample.Rows.Add({5, "Brake Fluid Checker", 49.95})


        For Each row As DataRow In dtExample.Rows
            Dim cb As New DevExpress.Web.ASPxEditors.ASPxCheckBox
            Dim ParaElement As New HtmlGenericControl

            ParaElement.InnerHtml = "<p class='serviceoption center' id='" & row("ID") & "'>" & row("Option") & "</p>"
            cb.ID = row("ID")
            cb.Checked = False
            cb.Visible = True
            cb.ClientInstanceName = row("ID")
            serviceoptions.Controls.Add(ParaElement)
            serviceoptions.Controls.Add(cb)
        Next

【问题讨论】：

标签： html asp.net vb.net

【解决方案1】：

在某些情况下，Devexpress 控件可能难以设置样式。我建议将AspxCheckbox 的CssClass 属性设置为包含您的样式的CSS 类，并使用Text 属性而不是设置复选框的描述性文本，而不是将您的复选框包装在p 标记中比p 标签。

【讨论】：

【解决方案2】：

P 是一个段落，如果我没记错的话，它总是在一个新的行上。

我怀疑你想要这样的东西，但使用 css 而不是下面显示的内联样式

<div style="float:left;margin-right:10px;">Your Text</div>
<div style="float:left;clear:right;">Your Checkbox</div>

【讨论】：

感谢您的回答，但浮动元素只会导致更多问题，例如需要“br”来分隔元素，然后背景浮动并且不会填充该区域。