Удалить extjs автоматически добавленные классы - PullRequest
5 голосов
/ 10 февраля 2012

Я новичок в 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 влияют на всю мою страницу. Пожалуйста, помогите.

Спасибо.

Ответы [ 3 ]

0 голосов
/ 11 марта 2012

Если вы используете ExtJS 4.0.2a, тогда задайте scopeResetCSS ДО включения.

Однако я только что перешел на ExtJS 4.0.7, и проблема возвращается.(

0 голосов
/ 29 апреля 2015

Я задал аналогичный вопрос для ExtJS 4.2.1, прежде чем наткнуться на этот. Я принял решение изменить DOM после загрузки ExtJS и добавить прослушиватель для события DOMNodeInserted, чтобы отслеживать и обрабатывать автоматическое создание компонентов ExtJS, таких как списки выбора. Если вы заинтересованы, вы можете найти мой ответ здесь: https://stackoverflow.com/a/29934347/857209

0 голосов
/ 10 февраля 2012

Свойство scopeResetCSS является частью Ext.buildSettings, которая используется в начале последовательности инициализации Ext JS.Если вы хотите изменить его, вам нужно отредактировать ext-all.js или изменить настройки в Sencha JS Builder (который, как я предполагаю, вы не используете).

Откройте ext-all.jsв вашем любимом текстовом редакторе (который может обрабатывать большие файлы, желательно) и найдите «scopeResetCSS» в начале файла, и вы найдете его достаточно простым.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...