gpt4 book ai didi

javascript - 如何使用 ExtJS 设置样式

转载 作者:行者123 更新时间:2023-12-03 01:19:46 34 4
gpt4 key购买 nike

我想使用以下代码更改元素extJS小部件的颜色、字体大小、背景等样式,但没有任何效果:

Ext.get('mydivid').setStyle({.......});     // does not work
Ext.get('mydivid').applyStyle({.......}); // does not work
Ext.select('mydivid').applyStyle({.......}); // does not work
Ext.query('.myclass').applyStyle({.......}); // does not work

对于 extJs 小部件,我尝试使用 Ext.getCmp

有谁知道如何使用 extJS 而不是 CSS 来更改 html 元素和 extJS 小部件的样式?

最佳答案

更改 HTML DOM 元素的样式非常简单:

HTML

<html>
<head>
<title>Test</title>
</head>
<body>
<div id="el1">Element 1</div>
<div class="el">Element [1]</div>
<div class="el">Element [2]</div>
</body>
</html>

Javascript

Ext.onReady(function() {
Ext.get('el1').setStyle('color', 'red');
Ext.select('.el').setStyle('color', 'green');
});

Ext.query 不会直接工作,因为它返回找到的 DOM 节点的简单数组,因此您必须循环结果才能应用样式。你具体做了什么?

不幸的是,设计小部件的样式并不那么容易。大多数小部件提供一些样式属性,例如 cls、ctCls、bodyCls 或 style,但它们在渲染时应用成分。要在渲染后更改小部件的样式,您必须使用上述方法直接更改小部件的 DOM 元素。

关于javascript - 如何使用 ExtJS 设置样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5368903/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com