如何在ASP.NET中的元素中添加多个类?

时间:2010-10-09 16:01:20

标签: c# asp.net css

我正在尝试以编程方式将第二个类添加到C#中的<td>元素。

我想要添加类的元素已经分配了一个类。

如果我做的话

myObject.CssClass = "MyClass";

它只是覆盖原始类。

我想我可以做一些像

这样的事情
myObject.CssClass += " MyClass";

但那太丑了..

*免责声明 - 我讨厌在C#中使用HTML / CSS做任何事情的想法,但我已被指派对已经恶魔般的代码库应用快速修复。在这里尝试“擦亮粪便”我没有任何意义,所以请不要让我失望! : - )

1 个答案:

答案 0 :(得分:14)

如果您不喜欢处理字符串连接,可以创建一些辅助扩展方法。也许更多的代码,但你可以添加和删除类,而不会看到背后的东西。也许代码在你使用它的地方会更清晰。

myObject.AddCssClass("someclass");
myObject.RemoveCssClass("someclass");

---------

public static class WebHelper
{
    public static void AddCssClass(this WebControl control, string cssClass)
    {
        List<string> classes;
        if (!string.IsNullOrWhiteSpace(control.CssClass))
        {
            classes = control.CssClass.Split(new[] {' '}, StringSplitOptions.RemoveEmptyEntries).ToList();
            if (!classes.Contains(cssClass))
                classes.Add(cssClass);
        }
        else
        {
            classes = new List<string> {cssClass};
        }
        control.CssClass = string.Join(" ", classes.ToArray());
    }

    public static void RemoveCssClass(this WebControl control, string cssClass)
    {
        List<string> classes = new List<string>();
        if (!string.IsNullOrWhiteSpace(control.CssClass))
        {
            classes = control.CssClass.Split(new[] {' '}, StringSplitOptions.RemoveEmptyEntries).ToList();
        }
        classes.Remove(cssClass);
        control.CssClass = string.Join(" ", classes.ToArray());
    }
}