Ext中的样式控制
来源:互联网 发布:windows优化大师 win8 编辑:程序博客网 时间:2024/06/05 04:13
Ext的样式库:
Ext 提供了一系列的样式,包括claasic,neptune,gray等等,这些都可以直接引用样式库得到。Ext默认为classic的样式库。现在我更喜欢平面化的样式,所以neptune更适合。
<link rel="stylesheet" type="text/css" href="../ext/resources/ext-theme-neptune/ext-theme-neptune-all.css"/>
或者可以通过下拉框来配置样式库的路径,从而达到配置整个系统样式的目的
自定义样式:对于一些控件,也许我们有自己的样式要求,就需要在Ext的控件中自定义样式了。自定义样式有以下几种方式:
1. 在Ext.Component中定义了Style的属性,因此可以对该属性赋值从而对该控件的对应样式进行修改:
style: { color: '#FFFFFF', backgroundColor:'#000000' },
2. 在Ext.Component中定义了baseCls以及cls属性,该属性定义了该控件的类名。通过设置类型,在样式表中添加该类的样式库,达到对控件样式的修改baseCls是控件的基本类名,cls为可扩展类名
如:
baseCls:'header',cls:'subHeader'
Ext 最后声称的html中就会是(以Panel为例)
<div class="header subHeader">...</div>
在样式表中定义
.header { color: '#FFFFFF'; backgroundColor:'#000000'}
3. 重写Ext的样式表,影响是之后所引用到的该组件的样式均会被改变
前提:FireFox浏览器
1. 右键点击你所需要改的控件,选择使用firefox查看该控件元素,
在firefox的右下角会列出该元素的样式表,
2. 把所要修改的样式靠到你自定义的样式表中,名字不变,内容修改为你想定义的样式就可以了。
0 0
- Ext中的样式控制
- css样式在gwt-ext页面布局中的作用
- EXT改变行样式
- ext CSS样式
- EXT 设置样式
- ext CSS样式
- Ext 显示金钱样式
- Ext 中Ext.grid.GridPanel样式设置
- css中的伪类 之 控制链接的样式。
- HTML中的Style标签media属性控制打印内容样式
- ExtJS学习--------Ext.Element中的对操作样式的方法学习(实例)
- Ext 重新设置组件样式
- ext中的EXT.XTemplate()
- ext 右键控制tab关闭
- 控制Datagrid显示样式
- 滚动条样式控制
- 控制鼠标样式
- 控制鼠标的样式
- warning: setlocale: LC_ALL: cannot change locale (en_US.UTF-8): No such file or directory
- Win7下安装was6.1报错解决办法
- 假如有了android电脑系统
- Posix标准中的timer和AIO
- Marshal 类
- Ext中的样式控制
- hive修改表模式<转>
- Makefile相关知识
- 如何开始一个项目
- LeetCode - Remove Duplicates from Sorted List
- sql ldf文件过大 解决方案
- 赋值函数
- 2014年TOP10的PHP框架
- java中抽象类跟接口的区别