EXTJS TextField Trợ giúp ở bên cạnh

Question

Tôi muốn thêm như một? bên cạnh TextField sao cho nếu chuột di chuột qua, nó cho thấy một số trợ giúp Làm thế nào tôi có thể làm điều đó. Thnx

Answer 1

Nhiều cách để làm điều này, và nhiều mức độ khác nhau của sự phức tạp, nhưng lúc đó là đơn giản nhất tôi có thể làm điều gì đó như thế này ...

Thêm một chức năng đánh chặn đến Fields phương pháp init rằng thêm dấu chấm hỏi và sử dụng qtip's để hiển thị thông báo - điều này cho phép tất cả các loại trường kế thừa từ lớp Trường để có chức năng này.

Ví dụ:

Ext.intercept(Ext.form.Field.prototype, 'initComponent', function() { 
    var fl = this.fieldLabel, h = this.helpText; 
    if (h && h !== '' && fl) { 
    this.fieldLabel = fl+'<span style="color:green;" ext:qtip="'+h+'">?</span> '; 
    } 
}); 

Sau đó, trong mỗi định nghĩa lĩnh vực bạn sẽ có một helpText tài sản:

{ 
    fieldLabel: 'First Name', 
    helpText: 'This is your first name dummy!', 
    name: 'first', 
    allowBlank:false 
} 

này tạo ra:

Im chắc chắn bạn có thể mở rộng o n nó từ những gì tôi đã cung cấp, và nếu bạn cần thêm thông tin về đánh chặn, kiểm tra của tôi blog post trên chúng.

Tận hưởng!