Thêm lớp Css bổ sung theo chương trình

Question

Tôi có một hộp văn bản với một lớp Css được gọi là 'bắt buộc'. Khi người dùng nhấp vào một nút, tôi muốn thêm lớp Css bổ sung vào hộp văn bản được gọi là 'lỗi' mà không xóa lớp 'bắt buộc'. Tôi muốn thực hiện điều này từ code-behind.

Answer 1

Bạn có thể đặt thuộc tính CssClass của điều khiển hộp văn bản ASP.NET. Để thêm nhiều hơn một lớp CSS cho một yếu tố, chỉ cần tách nó với một không gian:

MyTextBox.CssClass = "class1 class2"; 

Bạn có thể đặt điều này trong xử lý sự kiện OnClick của bạn:

<asp:TextBox ID="MyTextBox" runat="server" OnClick="MyTextBox_Click" /> 

Sau đó, trong code-behind:

void MyTextBox_Click(Object sender, EventArgs e) { 
    MyTextBox.CssClass = "class1 class2"; 
} 

Answer 2

Đây là cách để loại bỏ lớp css bằng cách sử dụng một hàm. Thêm một lớp sẽ rất giống nhau.

public void RemoveCssClass(string className) 
{ 
    string[] splitClasses = TextButton.CssClass.Split(' '); 
    string separator = ""; 

    foreach (string _class in splitClasses) 
    { 
     if (_class != className) 
     { 
      TextButton.CssClass += separator + _class; 
      separator = " "; 
     } 
    } 

    if (TextButton.CssClass == className) 
     TextButton.CssClass = ""; 
} 

Answer 3

Tôi quyết định tạo các phương pháp mở rộng cho WebControl để có giải pháp chung. Dưới đây là mã của tôi:

public static class WebControlExtensions 
{ 
    public static void AddCssClass(this WebControl control, string cssClass) 
    { 
     if (string.IsNullOrEmpty(control.CssClass)) 
     { 
      control.CssClass = cssClass; 
     } 
     else 
     { 
      string[] cssClasses = control.CssClass.Split(' '); 
      bool classExists = cssClasses.Any(@class => @class == cssClass); 

      if (!classExists) 
      { 
       control.CssClass += " " + cssClass; 
      } 
     } 
    } 

    public static void RemoveCssClass(this WebControl control, string cssClass) 
    { 
     if (!string.IsNullOrEmpty(control.CssClass)) 
     { 
      string[] cssClasses = control.CssClass.Split(' '); 
      control.CssClass = string.Join(" ", cssClasses.Where(@class => @class != cssClass).ToArray()); 
     } 
    } 
} 

Answer 4

Dưới đây là một C# phương pháp đơn giản để thêm hoặc xóa một CssClass thành một WebControl ...

public static void SetOrRemoveCssClass(WebControl control, string className, bool adding) 
    { 
     string[] splitClasses = control.CssClass.Split(' '); 

     bool hasNow = splitClasses.Contains(className); 
     if (adding && !hasNow) 
     { 
      control.CssClass += " " + className; 
     } 
     else if (!adding && hasNow) // remove the CssClass attribute 
     { 
      control.CssClass = control.CssClass.Replace(className, ""); 
     } 
     control.CssClass = control.CssClass.Replace(" "," ").Trim(); 
    }