Question

extjs中怎样为一个可收缩collapsible的panel设置标题栏(标题栏文字有各种颜色的和各种字体的)？？？

extjs中怎样为一个可收缩collapsible的panel设置标题栏(标题栏文字有各种颜色的和各种字体的)？？？

Answer 1

是这样设置bodyStyle:'background:#ffc;padding:10px;',varresultsPanel=Ext.create('Ext.panel.Panel',{title:'Results',width:600,height:400,renderTo:Ext.getBody(),bodyStyle:'background:#ffc;padding:10px;',layout:{type:'vbox',//Arrangechilditemsverticallyalign:'stretch',//Eachtakesupfullwidthpadding:5},items:[{//Resultsgridspecifiedasaconfigobjectwithanxtypeof'grid'xtype:'grid',columns:[{header:'ColumnOne'}],//Oneheaderjustforshow.There'snodata,store:Ext.create('Ext.data.ArrayStore',{}),//Adummyemptydatastoreflex:1//Use1/3ofContainer'sheight(hinttoBoxlayout)},{xtype:'splitter'//Asplitterbetweenthetwochilditems},{//DetailsPanelspecifiedasaconfigobject(noxtypedefaultsto'panel').title:'Details',bodyPadding:10,items:[{fieldLabel:'Dataitem',xtype:'textfield'}],//Anarrayofformfieldsflex:2//Use2/3ofContainer'sheight(hinttoBoxlayout)}]});