Geek Answers Handbook

Remove extjs auto-added classes

I am new to extjs. I am using Extjs 4 in my project. When ext-all.js is loaded, it automatically adds classes to the tag <body>. and all my other CSS styles are changed by extjs styles. I found in the document that to set the Ext.scopeResetCSS property to true, so I am adding as shown below.

    Ext.onReady(function(){
      new Ext.Component({
          scopeResetCSS: true
      });
    });

but it does not change anything. I still have the same problem.

Is there a way to stop extjs from automatically adding CSS classes to tags? Please, help..

This is my code for creating a multi-line message box.

<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>

Am I doing something wrong ??? I want extjs to create only its own components. But now extjs styles are the effects of my whole page. Please, help.

Thank.

+5
source
3

scopeResetCSS Ext.buildSettings, Ext JS. , ext-all.js Sencha JS Builder ( , ).

ext-all.js ( , ) "scopeResetCSS" , .

0

ExtJS 4.0.2a, scopeResetCSS .

ExtJS 4.0.7, .: (

0

I asked a similar question for ExtJS 4.2.1 before going through this one. The solution I made was changing the DOM after loading ExtJS and adding a listener for the DOMNodeInserted event to view and process the automatic creation of ExtJS components, such as select lists. If this interests you, you can find my answer here: fooobar.com/questions/1102522 / ...

0
source

More articles:


All Articles