asp.net 文本框动态创建用.CssClass属性

Question

我有一个场景，我必须根据用户选择动态创建表单。 在表单中，有几个文本框应该添加到 Total Textbox 的末尾。

我区分最后添加的文本框的方式是通过如下指定..

TextBox txt1 = new TextBox();
        txt1.ID = "txt1";
        txt1.CssClass = "addToTotal";

        TextBox txt2 = new TextBox();
        txt2.ID = "txt2";
        txt2.CssClass = "addToTotal";

        TextBox txt3 = new TextBox();
        txt3.ID = "txt3";
        txt3.CssClass = "txtTotalPoints";

        PlaceHolder1.Controls.Add(txt1);
        PlaceHolder1.Controls.Add(txt2);
        PlaceHolder1.Controls.Add(txt3);

实际上， site css file中没有名为'addToTotal'的 css class 。 它只是用作一个标志来通知我在最后添加。

即使实际的 class 不存在，添加 a.CssClass 是否是一种好习惯。 使用这种方法有什么陷阱吗？

Answer 1

我假设使用不作为标记存在的 CSS class 的开销很小，所以我不会基于此更改您的实现。 如果您担心最佳实践-您可能是正确的，CSS 类从未打算像这样使用-您可以向输入添加data-*属性并改用它：

txt2.Attributes["data-addToTotal"] = "true";

...然后使用 JQuery 找到这些元素：

$("input[data-addToTotal='true']")

data-*属性是HTML5的一部分，但完全向后兼容。