extjs - extjs：字段集更改折叠图标

Question

如何更改字段集组件的展开/折叠图标？默认情况下它是一个倒三角箭头，我想将其设置为“+”/“-”？使用“itemCls”？

谢谢！

Answer 1

修改折叠按钮的css（在这里background-position）

这是我的CSS：

#plus-min.x-panel-collapsed .x-tool-toggle{
    background-position: 0 -240px !important; /*the plus sign*/
}
#plus-min .x-tool-toggle{
    background-position: 0 -255px !important; /*the minus sign*/
}

和我的字段集：

new Ext.form.FormPanel({
    renderTo : document.body,
    title : "asdasd",
    items :[{
            xtype:'fieldset',
            title: 'Plus Minus',
            collapsible: true,
            id : "plus-min",
            html : "asd",
            height : 100
        }]
});