extjs常用组件样式修改

《extjs常用组件样式修改》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、ExtJs2.3常用组件样式修改工具栏样式修改在ExtJS中，工具栏对应的类为：Ext.Toolbar。Ext.Toolbar类样式在ext2resourcescsstoolbar.css文件中定义。在Ext.Toolbar类中提供了供开发人员修改工具栏样式的熟悉：1、cls:String功能：使用该属性可以为Ext.Toolbar指定自定义的CSS样式。示例代码：.button1{background-image:url(images/homePage.gif)!important;}.button

2、2{background-image:url(images/open.gif)!important;}.button3{background-image:url(images/buy.gif)!important;}.myToolbar{border-color:#6080ff;border-style:solid;border-width:003px0;display:marker;padding:5px;background:#d0def0url(../extjs2/resources/images/vista/toolbar/gray-bg.g

3、if)repeat-xtopleft;position:relative;zoom:1;}Ext.onReady(function(){vartoolBar=newExt.Toolbar({//创建工具栏applyTo:'ToolBar',width:300,cls:'myToolbar'});toolBar.addButton([//向工具栏中添加按钮{text:'主页',//按钮上显示的文字handler:onButtonClick,//单击按钮的处理函数iconCls:

4、'button1'//在按钮上显示的图标},{text:'打开',handler:onButtonClick,iconCls:'button2'},{text:'购买',handler:onButtonClick,iconCls:'button3'}]);//单击按钮时调用的处理函数functiononButtonClick(btn){alert(btn.text);//取得按钮上的文字}});