extjs:fieldset-change collapse图标

时间:2011-05-11 03:00:12

标签: extjs icons collapse fieldset

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

谢谢!

1 个答案:

答案 0 :(得分:4)

修改折叠按钮的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
        }]
});