2011-12-12 5 views
9

Tôi đã tự hỏi liệu có thể đặt một nút vào thanh công cụ của bảng điều khiển hay không nhưng vẫn giữ nút trông giống như một nút trơn.Thanh công cụ kiểu nút ExtJS

Ví dụ, tôi muốn nút để trông như thế này:

Button Style

Tuy nhiên, nó trông như thế này:

Toolbar Button

Cảm ơn rất nhiều!

EDIT

Mã để tạo thanh công cụ:

xtype: 'toolbar', 
     items: 
     [ 
      { 
       xtype: 'button', 
       text: 'Select bounding box on map', 
       id: 'bbBoxButton', 
       icon: 'img/cross_cursor.gif', 
       listeners: { 
        click: function(){ 
         polygonControl.activate(); 
        } 
       } 
      } 
     ] 

Mã để tạo nút thường xuyên:

{xtype: 'button', id: 'bboxButton', text: 'Select bounding box on map', icon: 'img/cross_cursor.gif', listeners: {click: function(){polygonControl.activate()}}} 

Tôi tin rằng tôi phải sử dụng cấu hình cls cho nút, nhưng tôi dường như không thể tìm thấy lớp css thích hợp.

+0

xin vui lòng bao gồm mã mà bạn đã cố gắng .. –

Trả lời

4

Tôi gặp vấn đề tương tự. Để giải quyết, tôi chuyển thông tin này vào nút:

cls:'x-btn-default-small' 
+0

Khi bạn di chuột qua nút, lớp học sẽ không bị xóa? – reergymerej

+0

tính năng này không hoạt động đối với IE8 –

2

Thêm này

ctCls: 'x-btn-over' 

nút cấu hình giải quyết vấn đề này đối với tôi trong Ext 2.2.1