Cách loại bỏ các biểu tượng trong cây extjs

Question

Tôi muốn loại bỏ các biểu tượng trong cây extjs. Thay vào đó, tôi muốn đặt tất cả các nút có con in đậm.

Answer 1

ExtJS dựa trên CSS để tạo kiểu, do đó, cách dễ nhất để xóa biểu tượng là tạo quy tắc CSS ghi đè quy tắc được cung cấp bởi Ext.

này sẽ thực hiện công việc:

.x-tree-icon { display: none !important; } 

Thêm một lớp với các tùy chọn cấu hình extraCls hoặc sử dụng ID thành phần để đủ điều kiện quy tắc nếu cần thiết. Đối với văn bản in đậm, dường như không có cách nào chỉ sử dụng CSS, vì vậy bạn có thể nghe sự kiện afterRender của chế độ xem dạng cây, mặc dù điều đó sẽ không đủ nếu bạn thêm các nút động một cách linh hoạt.

Answer 2

Trong định nghĩa cột:

columns: [{ 
    xtype: 'treecolumn', 
    text: 'Task', 
    iconCls: '', // This property to get rid of tree icon 
    width: 200, 
    sortable: true, 
    dataIndex: 'someStringIdentifier', 
    locked: true 
}