ExtJS控件样式的修改
来源:互联网 发布:三国志9pk优化补丁 编辑:程序博客网 时间:2024/06/05 19:10
这里说的修改不是去改extjs本身的ext-all.css, 也不建议这样去做,这样会影响所有页面;而应该是用自定义的css去覆盖某些控件的默认样式。大部分控件都有类似cls、style的属性供开发者去定制样式;但具体要设置样式的哪些属性才能达到特定效果,api文档就没说了。比如要构建一个不带边框的panel,设置border、bodyborder属性是不行的,还是会有1px的边框。网上去搜就更难了,准备好万能的firebug,自己摸索吧。
打开firebug,切换到html选项卡,找到panel对应的div节点,如下图:
panel控件的基准样式是x-panel,其中的border-style:solid就是设置边框的,将其覆盖为border-style:none就成无边框的了。
具体方法:定义无边框的样式.my-panel-no-border{border-style:none},然后定义panel时设置baseCls属性:
var mypanel = Ext.Panel({
baseCls:'my-panel-no-border',
//其他属性
});
没文档,搜又不好搜,只能用这种最土的方法了。类似的还有个需求,checkboxgroup里面的checkbox以列模式摆放时,各个checkbox是对齐的;现在需要
对checkbox缩进摆放,体现出一定的层次关系,就像树形列表一样。打开firebug,找checkbox的样式,加上什么padding之类的属性就行了。
- ExtJS控件样式的修改
- ExtJS控件样式的修改
- ExtJS控件样式的修改
- ExtJS控件样式的修改
- ExtJS控件样式的修改
- ExtJS控件样式的修改(示例无边框panel)
- ExtJS控件样式的修改(示例无边框panel)
- ExtJS控件样式的修改(示例无边框panel)
- ExtJS控件样式的修改(示例无边框panel)
- 如何修改EXTJS的collapseMode : 'mini'样式(未解决)
- Android之修改系统控件的样式
- ExtJS 的样式控制
- Android Switch控件修改样式
- Android Switch控件修改样式
- Android Switch控件修改样式
- WPF控件模板与样式最方便的修改方法
- 修改对话框中所有控件的窗口样式
- JS添加或修改控件的样式(Class)
- C语言基础-结构体和联合体
- 二进制文件部分数据覆盖
- Objective-c 多态
- sjtu 1997 乔布斯的苹果
- C#调用C++动态库时类型转换
- ExtJS控件样式的修改
- CRS-1006 , CRS-0215 故障一例
- 个人隐私如何才能不被谷歌窥探?
- 利用fnd_flex_keyval包轻松获取关键性弹性域组合描述字段
- 什么是有效的需求
- Android4.0框架–【Activity-Loader】
- tomcat 无法打开主页
- 多线程
- perror 和 strerror 的区别