從代碼中更改CSS類

在代碼隱藏中很容易設置CssClass，但這會覆蓋現有類的風險。從代碼中更改CSS類

我需要某些元素設置爲ReadOnly = true;，我想申請一個風格爲視覺提示，該項目無法改變......很容易：

.CssClass += " ReadOnlyStyle";

但有時我會也需要更改相同的元素ReadOnly = false;這意味着我將需要刪除我設置的CSS類，而無需刪除我可能已分配的任何其他樣式。

這樣做的最好方法是什麼？

來源

2009-01-15 nailitdown

我已經採取AnthonyWJones原代碼和修改它，這樣它的作品無論在什麼情況下：

static class WebControlsExtensions 
    { 
     public static void AddCssClass(this WebControl control, string cssClass) 
     { 
      List<string> classes = control.CssClass.Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries).ToList(); 

      classes.Add(cssClass); 

      control.CssClass = classes.ToDelimitedString(" "); 
     } 

     public static void RemoveCssClass(this WebControl control, string cssClass) 
     { 
      List<string> classes = control.CssClass.Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries).ToList(); 

      classes.Remove(cssClass); 

      control.CssClass = classes.ToDelimitedString(" "); 
     } 
    } 

    static class StringExtensions 
    { 
     public static string ToDelimitedString(this IEnumerable<string> list, string delimiter) 
     { 
      StringBuilder sb = new StringBuilder(); 
      foreach (string item in list) 
      { 
       if (sb.Length > 0) 
        sb.Append(delimiter); 

       sb.Append(item); 
      } 

      return sb.ToString(); 
     } 
    }

來源

2009-01-16 12:43:14

你可以製作自己的自定義類嗎？從ASP.NET按鈕派生併爲只讀添加一個屬性。某處......可能在OnPreRender中，您可以檢查新的屬性並相應地設置（或不設置）CSSClass屬性。

來源

2009-01-15 08:12:01

在C＃3中，您可以添加一些擴展方法。

static class WebControlsExtensions 
{ 
    public static void AddCssClass (this WebControl control, string cssClass) 
    { 
     control.CssClass += " " + cssClass; 
    } 
    public static void RemoveCssClass (this WebControl control, string cssClass) 
    { 
     control.CssClass = control.CssClass.replace(" " + cssClass, ""); 
    } 
}

用法： -

ctl.AddCssClass("ReadOnly"); 
ctl.RemoveCssClass("ReadOnly");

注意RemoveCssClass被設計成只刪除AddCssClass添加這些類和有限制，即當添加2個額外的類名最短的名字不應該嚴絲合縫最長的名字的開始。例如，如果添加了「測試」和「測試2」，則無法在不破壞CssClass的情況下移除測試。這可以通過RegEx改進，我期望上述內容足以滿足您的需求。

請注意，如果您沒有C＃3，請從第一個參數中刪除this關鍵字，並按常規方式使用靜態方法。

來源

2009-01-15 08:26:46 AnthonyWJones

如果您要刪除原始CSS樣式，RemoveCssClass將不起作用。 – 2009-01-15 10:03:06

@John：很明顯，我曾暗指過：「RemoveCssClass被設計爲只刪除由AddCssClass添加的那些類」。 – AnthonyWJones 2009-01-15 14:57:55

這個版本檢查，以確保給定的類不加入之前已經添加。

public static void CssAddClass(this WebControl control, string className) 
{ 
    var classNames = control.CssClass.Split 
     (new[] { ' ' }, StringSplitOptions.RemoveEmptyEntries); 

    if (classNames.Contains(className)) 
    { 
     return; 
    } 

    control.CssClass = string.Concat 
     (classNames.Select(name => name + " ").ToArray()) + className; 
} 

public static void CssRemoveClass(this WebControl control, string className) 
{ 
    var classNames = from name in control.CssClass. 
         Split(new[] {' '}, StringSplitOptions.RemoveEmptyEntries) 
        where name != className 
        select name + " "; 


    control.CssClass = string.Concat(classNames.ToArray()).TrimEnd(); 
}

來源

2009-04-15 09:27:46 core

我爲前C＃3版本：

 public static class WebControlsExtensions 
     { 
      public static void AddCssClass(WebControl control, string cssClass) 
      { 
       string[] cssClasses = control.CssClass.Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries); 
       List<string> classes = new List<string>(cssClasses); 

       if (!classes.Contains(cssClass)) { 
        classes.Add(cssClass); 
       } 

       control.CssClass = StringExtensions.ToDelimitedString(classes, " "); 
      } 

      public static void RemoveCssClass(WebControl control, string cssClass) 
      { 
       string[] cssClasses = control.CssClass.Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries); 
       List<string> classes = new List<string>(cssClasses); 

       bool removed = true; 
       while (removed) { 
        removed = classes.Remove(cssClass); 
       } 

       control.CssClass = StringExtensions.ToDelimitedString(classes, " "); 
      } 
    } 
    static class StringExtensions { 
     public static string ToDelimitedString(List<string> list, string delimiter) 
     { 
      StringBuilder sb = new StringBuilder(); 
      foreach (string item in list) { 
       if (sb.Length > 0) 
        sb.Append(delimiter); 

       sb.Append(item); 
      } 

      return sb.ToString(); 
     } 
    }

使用，如：

WebControlsExtensions.AddCssClass(ctl, "classname"); 
WebControlsExtensions.RemoveCssClass(ctl, "classname");

這一個只會增加一類，如果它不是已經存在。它也將刪除一個類的所有實例（如果由於某種原因，在那裏有多個）

來源

2011-04-18 19:47:43 Hewins

純.NET 2.0（沒有擴展！沒有LINQ！沒有RegEx！沒有不必要的WebControl類！）。這些方法是相當一般的，僅用於CSS類。

另外，看看我的CssClassManipulator。

public static string AddCssClass(string classContainer, string className) 
    { 
     if (string.IsNullOrEmpty(classContainer)) return className ?? string.Empty; 
     if (string.IsNullOrEmpty(className)) return classContainer; 

     var classNames = classContainer.Split(new[] { ' ' }, StringSplitOptions.RemoveEmptyEntries); 
     if (Array.Exists(classNames, delegate(string s) { return s.Equals(className); })) return classContainer; 

     return classContainer + " " + className; 
    } 

    public static string RemoveCssClass(string classContainer, string className) 
    { 
     if (string.IsNullOrEmpty(classContainer)) return className ?? string.Empty; 
     if (string.IsNullOrEmpty(className)) return classContainer; 

     var classNames = classContainer.Split(new[] { ' ' }, StringSplitOptions.RemoveEmptyEntries); 
     int index = Array.FindIndex(classNames, delegate(string s) { return s.Equals(className); }); 
     if (index >= 0) 
     { 
      return string.Join(" ", classNames, 0, index) + 
       ( index + 1 < classNames.Length ? 
        " " + string.Join(" ", classNames, index + 1, classNames.Length - index - 1) 
        : 
        string.Empty ); 
     } 

     return classContainer; 
    } 

    public static string ToggleCssClass(string classContainer, string className) 
    { 
     if (string.IsNullOrEmpty(classContainer)) return className ?? string.Empty; 
     if (string.IsNullOrEmpty(className)) return classContainer; 

     var classNames = classContainer.Split(new[] { ' ' }, StringSplitOptions.RemoveEmptyEntries); 

     if (Array.Exists(classNames, delegate(string s) { return s.Equals(className); })) return RemoveCssClass(classContainer, className); 

     return classContainer + " " + className; 
    }

來源

2013-02-05 14:35:34

相關...如果你只是想根據條件切換一個類...

bool disable = true;  // this will vary (true/false) based on UI state 

string newClass = disable ? "BtnGray" : "BtnPink"; 

string currentClass = disable ? "BtnPink" : "BtnGray"; 

myButton.CssClass = myButton.CssClass.Replace(currentClass, newClass);

來源

2013-03-25 20:35:03

從代碼中更改CSS類

回答

相關問題