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的一部分，但完全向后兼容。