Làm cách nào để đặt chiều rộng của dijit.form.Select?

Question

Tôi có một dijit.form.Select được tạo lập trình. Không giống như hầu hết các tiện ích con khác, Bộ chọn không cung cấp phương thức thay đổi kích thước như

dijit.resize({w: width, h: height}); 

Tôi chưa tìm thấy cách thiết lập chiều rộng của một lựa chọn. Điều này là khá xấu vì việc tự động hóa làm cho Hộp thoại "phát nổ" trên các giá trị chọn dài.

Có cách nào tiêu chuẩn để thay đổi kích thước lựa chọn tôi đã bỏ lỡ không? Hay tôi có mớ hỗn độn với việc đánh dấu chọn đường khó?

Cảm ơn!

Answer 1

Tại sao bạn sẽ không chỉ đơn giản là thực hiện điều này bằng cách thiết lập phong cách của widget?

http://jsfiddle.net/QEjYD/1/

Thật không may, do cách widget được viết, này không công việc nếu bạn treo lên các chiều rộng trong một lớp học CSS, hoặc nếu bạn thiết lập độ rộng phong cách sau widget có đã được tạo.

Answer 2

Tôi sẽ sử dụng

dojo.marginBox(selectWidget.domNode, {w: width, h:height}) 

Answer 3

này có thể đạt được với CSS bằng cách thiết lập độ rộng của nhãn bên trong như thế này:

.tundra .dijitSelect .dijitButtonText { 
    text-align: left; 
} 

.tundra .dijitSelectLabel { 
    width: 120px; 
    overflow: hidden; 
} 

Answer 4

thử này

.dijitSelect .dijitButtonNode { 
    width: 16px !important; 
} 

dom-style.set(dojo.query('.dijitSelect')[0], 'width', with); 

Answer 5

Cho phong cách để constructor:

var mySelect = new Select({ 
     id: 'mystatus', 
     name: 'mystatus', 
     style: {width: '150px'}, 
     required : false, 
     store: os, 
     searchAttr: 'label', 
    }, "mystatus");