Sencha Touch - Cách triển khai optgroup

Question

Có cách nào để tách các tùy chọn của danh sách chọn Sencha Touch tương tự như sử dụng optgroups không? Tôi có các tùy chọn cần xuất hiện giống như chúng được nhóm theo một vài nhóm khác nhau. Trong đánh dấu HTML thông thường, nó sẽ trông giống như sau:

<select> 
    <optgroup label="First Group"> 
    <option value="A">OptionA</option> 
    <option value="B">OptionA</option> 
    <option value="C">OptionA</option> 
    </optgroup> 
    <optgroup label="Second Group"> 
    <option value="D">OptionA</option> 
    <option value="E">OptionA</option> 
    <option value="F">OptionA</option> 
    </optgroup> 
</select> 

Cảm ơn bạn đã dành thời gian trước!

Answer 1

Không có cách nào để thực hiện việc này ngoài hộp, tuy nhiên vùng chọn được xây dựng và mở rộng thành phần Danh sách thực có chức năng nhóm/tiêu đề. Bạn có thể buộc một vùng chọn để sử dụng kiểu danh sách lớp phủ (Ext.List) thay vì kiểu spinner được gắn (Ext.picker.Picker) bằng cách đặt usePicker thành false. Bạn cũng có thể đặt cấu hình defaultTabletPickerConfig và cung cấp một đối tượng có thuộc tính items. Trong các mục thiết lập một mục duy nhất với một xtype của danh sách, và đi hoang dã thiết lập cấu hình thành phần danh sách bất cứ điều gì bạn muốn (bao gồm cả nhóm của bạn/tiêu đề).

Hãy xem documentation cho các thuộc tính này trong Ext.field.Select.