Setting trên ExtJS trường văn bản

Question

Tôi cố gắng để thiết lập một màu nền cho một textfield khi giá trị của nó lớn hơn 75. vì vậy tôi thêm vào đoạn code dưới đây để người nghe

listeners: { 
     beforeRender: function(e) { 
      if (someValue >= 75) { 
       e.style = " background-color: #00CC99"; 
      } 
     } 
} 

nhưng tôi nhận được một cái gì đó như dưới đây khi nó ám,

là có một cách để làm cho màu xanh có thể nhìn thấy trong toàn bộ hộp văn bản thay vì chỉ buttom? Tôi đã tìm ra rằng nó không hiển thị như dự định vì hình nền của CSS mặc định. Nhưng tôi muốn thay đổi css về thay đổi giá trị và không viết css riêng biệt cho chỉ một hộp văn bản. Có cách nào để làm điều đó?

Answer 1

Chỉ cần thoát khỏi hình nền:

e.style = "background-image:none;background-color:#00cc99;"; 
/* or */ 
e.style = "background:none #00cc99;"; 

Nếu e là một đối tượng DOM sử dụng element.style.property = 'value' thay vì:

e.style.backgroundImage = 'none'; 
e.style.backgroundColor = '#00cc99'; 
/* or */ 
e.style.background = 'none #00cc99'; 

Vì lợi ích của sự hoàn chỉnh định nghĩa trong ExtJS (theo số ExtJS "Form Field Types" demo):

.x-form-field,.x-form-text{ 
    /* ... */ 
    background:url("../../resources/themes/images/default/form/text-bg.gif") 
     repeat-x scroll 0pt 0pt white; 
}