Ext Core 修改CSS。
addClass
轻松地为一个元素添加样式:
Ext.fly('elId').addClass('myCls'); // 加入元素的'myCls'的样式
radioClass
添加一个或多个className到这个元素,并移除其所有侧边(siblings)节点上的同名样式。
//为元素添加'myCls'在所有侧边元素上删除'myCls'样式
// all sibilings.
Ext.fly('elId').radioClass('myCls');
removeClass
移除元素身上一个或多个的CSS类。
Ext.fly('elId').removeClass('myCls'); // 移除元素的样式
toggleClass
轮换(Toggles,两种状态中转换到一个状态)--添加或移除指定的CSS类(如果已经存在的话便删除,否则就是新增加)。
Ext.fly('elId').toggleClass('myCls'); // 加入样式
Ext.fly('elId').toggleClass('myCls'); // 移除样式
Ext.fly('elId').toggleClass('myCls'); // 再加入样式
hasClass
检查某个CSS类是否作用于这个元素身上。
if (Ext.fly('elId').hasClass('myCls')) {
// 是有样式的……
}
replaceClass
在这个元素身上替换CSS类。
Ext.fly('elId').replaceClass('myClsA', 'myClsB');
getStyle
返回该元素的统一化当前样式和计算样式。
var color = Ext.fly('elId').getStyle('color');
var zIndx = Ext.fly('elId').getStyle('z-index');
var fntFmly = Ext.fly('elId').getStyle('font-family');
// ... 等等
setStyle
设置元素的样式,也可以用一个对象参数包含多个样式。
Ext.fly('elId').setStyle('color', '#FFFFFF');
Ext.fly('elId').setStyle('z-index', 10);
Ext.fly('elId').setStyle({
display : 'block',
overflow : 'hidden',
cursor : 'pointer'
});
// 带有动画的变换过程
Ext.fly('elId').setStyle('color', '#FFFFFF', true);
// 带有0.75秒动画的变换过程
Ext.fly('elId').setStyle('color', '#FFFFFF', {duration: .75});
// ... 等等
getColor
为指定的CSS属性返回CSS颜色。RGB、三位数(像#fff)和有效值都被转换到标准六位十六进制的颜色。
Ext.fly('elId').getColor('background-color');
Ext.fly('elId').getColor('color');
Ext.fly('elId').getColor('border-color');
// ... 等等
setOpacity
设置元素的透明度。
Ext.fly('elId').setOpacity(.5);
Ext.fly('elId').setOpacity(.45, true); // 动画
// 附有半秒的动画过程
Ext.fly('elId').setOpacity(.45, {duration: .5});
clearOpacity
清除这个元素的透明度设置。
Ext.fly('elId').clearOpacity();
分享到:
相关推荐
里面有几套ext4.0的精美样式,可以直接替换css-all文件。
cssjquery仿ext样式页面,制作简单,易于使用。感觉不错,和大家分享一下。
extjs的图标,包括相应的css,使用的时候注意路径问题
一个EXT样式的页面原型,CSS+DIV+javaScript
分享一个用纯 CSS3 实现的,漂亮的 input 输入框动画样式库-Text input love。 点击每个输入框都用不同的动画效果,始终显示标签label,并显示 placeholder(占位符)文本。 演示地址:...
<link id="theme" rel="stylesheet" type="text/css" href="ext/2.0/resources/css/xtheme-default.css" />2、定义一个combox,将可选样式作为数据源填入下拉列表: 定义样式数据 Ext.simpledata.themes = [ ['...
因为在调用组件W的css样式时,我们自己写了css样式A,Ext组件又自带css样式B,A是我们用cls:’A’放进去。那么这个W到底是用两个样式重复的哪一个种呢? 这就要看css样式表的引入顺序了,如果先引入自己写的,再引入...
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
一个CSS样式的浮动标注容器,带有可选箭头,可与Ext JS 4.0+一起使用。 这对于创建: 提示覆盖 交互式标注窗口/弹出框 关于 Ext.ux.callout.Callout可以轻松配置为: 在各个位置显示其关联的标注箭头,包括: 上...
[CSS2.0.css3.0.DHTML.Ext.3.0.J2EE5.0.JavaScriptJavascript特效大全(上册)],5日精通CSS层叠样式表,CSS2.0中文手册,权限问题,不能上传过大文档,分三批。
EXT更换皮肤下载了,可利用更改的CSS和图片来更换你的CSS皮肤样式
由于ext6.5.3版本的日历calendar包是收费的,本人专门扒出来了源代码,供大家使用,包里两个文件,一个是js源码,一个是css样式
Openlayers扩展插件ol-ext ,2022年4月版本
想要在js中设置这个div的css样式,很一般的做法是: var obj = document.getElementByIdx_x_x('no'); obj.style.width = '400px'; obj.style.height = '300px'; 如果要设置一堆又一堆的css样式呢,太麻烦了把、 ...
这段代码将当前活动页签添加一个名为 `active-tab` 的 CSS 类,然后可以通过 CSS 样式来设置该类的样式。 Extjs4.2 提供了多种方式来设置tabpanel 当前活动页签的样式,开发者可以根据需要选择合适的方法来实现该...
1.1.2 CSS样式操作 3 1.1.3 DOM查询与遍历 4 1.1.4 DOM操作 6 1.1.5 事件处理 9 1.1.6 尺寸大小 13 1.1.7 定位功能 14 1.1.8 动画功能 16 1.1.9 杂项 19 1.2 Ext Core的Ajax功能 19 1.3 DomQuery详解 20 1.4 模板...
java web开发用到的一些参考手册 :如 Ajax+中文帮助文档 ...css样式表滤镜.chm DIVCSS.chm DOM文档对象中文手册.chm easyUI1.3.chm EXT 3.0API-CN.chm EXT 3.3API-CN.chm 等等
ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术的精品。...
ExtJs最开始基于YUI技术,由开发人员 JackSlocum开发,通过参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一 款不可多得的JavaScript客户端技术的精品。
ext-all.css ext框架的样式文件 Rdf-all.css Rdf框架的样式文件 loadmask.js 该文件是页面加载提示层,应该放在样式文件之后, rdf-all.js之前引入。 rdf-all.js 该文件已经包含了ext 框架的js 文件,它应该在...