是否有办法覆盖 Sencha 应用程序动态创建的html元素的值？

j2datikz 于 2022-12-09 发布在其他

关注(0)|答案(1)|浏览(84)

我目前正在做一个使用 Sencha 作为前端的项目。我想更改Sencha创建的HTML元素的类值（可能还需要添加ID值）。有没有办法使用Sencha代码来实现这一点？例如，Sencha动态创建了这个div元素：

<div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Name</div>

我的问题是这些由 Sencha 创建的HTML元素是否可以被覆盖。如果不能，有没有其他的方法来完成这个任务？谢谢你们的帮助，伙计们！
我的想法是使用一些 Sencha 代码覆盖类名，这样class值就变成class=“block draggable”，这将从外部JavaScript和CSS库（https://github.com/TobiasKoller/tko.flowchartdesigner）中解锁一些想要的功能。截至目前，我已经尝试使用以下代码，但它不起作用（元素的class值保持不变）：

var module = new Ext.Element(document.getElementsByClassName('x-grid-cell-inner'));
module.addCls('block draggable');

Html

来源：https://stackoverflow.com/questions/74694108/is-there-a-way-to-overwrite-the-values-of-a-dynamically-created-html-elements-cr

1条答案

按热度按时间

s71maibg1#

如果我没有误解这个问题，您可以使用“cls”方法，在 Sencha 结构的sass文件中定义一个类，然后使用此方法将其分配给所需的元素，例如在sencha元素中：

items:[{
    xtype:'textfield',
    cls:'custom-class'
}]

在你的sass文件里

.custom-class{
    padding:10px;
}

注意：在这种情况下，不要忘记在所需的文件内运行 Sencha 应用程序watch

赞(0）回复(0）举报 2022-12-09

我来回答

是否有办法覆盖 Sencha 应用程序动态创建的html元素的值？

1条答案

相关问题

热门标签

最新问答