我是Extjs的新手.我在我的项目中使用Extjs 4.加载ext-all.js后,它会自动将类添加到<body>标记中.我的所有其他CSS样式都使用extjs样式进行了更改.我在文档中发现将Ext.scopeResetCSS属性设置为true,所以我添加如下.
Ext.onReady(function(){
new Ext.Component({
scopeResetCSS: true
});
});
Run Code Online (Sandbox Code Playgroud)
但它不会改变任何事情.我还有同样的问题.
有没有办法阻止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>
Run Code Online (Sandbox Code Playgroud)
我做错了什么??? 我希望extjs只设计自己的组件.但现在extjs风格是我整个页面的效果..请帮助.
谢谢.
scopeResetCSS 属性是 Ext.buildSettings 的一部分,在 Ext JS 初始化序列的开始处使用。如果您想更改它,则必须编辑 ext-all.js 或更改 Sencha JS Builder 中的设置(我假设您没有使用它)。
在您最喜欢的文本编辑器(最好是可以处理较大文件的编辑器)中打开 ext-all.js 并在文件开头附近搜索“scopeResetCSS”,您会发现它很容易。