我是 Extjs 的新手。我在我的项目中使用 Extjs 4。当加载 ext-all.js 时，它会自动将类添加到 <body>标签。并且我所有其他 css 样式都使用 extjs 样式进行了更改。我在文档中发现将 Ext.scopeResetCSS 属性设置为 true，所以我添加如下。
Ext.onReady(function(){
new Ext.Component({
scopeResetCSS: true
});
});
但它不会改变任何事情。我仍然有同样的问题。
有什么办法可以阻止 extjs 自动将 css 类添加到标签中？请帮忙..
这是我生成多行消息框的代码。
<link rel="stylesheet" type="text/css" href="components/com_jobs/js/extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="components/com_jobs/js/extjs/ext-all.js"></script>
<!-- extjs message box code -->
<script type="text/javascript">
Ext.require([
'Ext.window.MessageBox'
]);
function removeBid(bidid){
Ext.MessageBox.show({
title: 'Address',
msg: 'Please enter your address:',
width:300,
buttons: Ext.MessageBox.OKCANCEL,
multiline: true,
//fn: showResultText
});
}
</script>
我做错什么了吗？？？我希望 extjs 只设计它自己的组件。但现在 extjs 样式影响了我的整个页面.. 请帮忙。
谢谢。
最佳答案
scopeResetCSS 属性是 Ext.buildSettings 的一部分，在 Ext JS 初始化序列的开头使用。如果你想改变它，你必须编辑 ext-all.js 或改变 Sencha JS Builder 中的设置(我假设你没有使用它)。
在您最喜欢的文本编辑器(最好是可以处理较大文件的编辑器)中打开 ext-all.js 并在文件开头附近搜索“scopeResetCSS”，您会发现它很容易。
关于extjs4 - 移除 extjs 自动添加的类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9231105/