Daily Archives: 26.12.2015

ExtJS. Создание, добавление, удаление элементов DOM

Posted on 26.12.2015 by Stanislav_Panteleev

Html разметка В данном посте в качестве примера у нас будет следующая html разметка…

...
<div id="parent" class="parentclass" name='It is value of the name attribute'>		

<div id="child1" class='firstclass'>someContent1</div>
<div id="child2" class='firstclass'>someContent2</div>
<div id="child3" class='secondclass'>someContent3</div>
<div id="child4" class='secondclass'>someContent4</div>

</div>

<div id='my-div'>
</div>
...

...

<div id="child1" class='firstclass'>someContent1</div>

<div id="child2" class='firstclass'>someContent2</div>

<div id="child3" class='secondclass'>someContent3</div>

<div id="child4" class='secondclass'>someContent4</div>

</div>

</div>

...

Некоторые методы вставки элементов класса Ext.dom.Element Ниже относительно простые способы вставки нового элемента в структуру DOM

//Определяем элемент
var newElement = {
    id:'newid',
    tag: 'h1',
    html: 'Новый заголовок'
};
// Некоторые методы создания и вставки нового элемента
Ext.getBody().insertFirst(newElement);//один вариант
Ext.getBody().insertSibling(newElement);//второй вариант
Ext.getBody().insertSibling('<h2>Ещё один способ<h2>');//третий  вариант

//Определяем элемент

var newElement = {

id:'newid',

tag: 'h1',

html: 'Новый заголовок'

};

// Некоторые методы создания и вставки нового элемента

Ext.getBody().insertFirst(newElement);//один вариант

Ext.getBody().insertSibling(newElement);//второй вариант

Ext.getBody().insertSibling('<h2>Ещё один способ<h2>');//третий вариант

Ext.dom.Helper – основной помощник при создании новых элементов … Continue reading →

Posted in ExtJS, Без рубрики | Comments Off

Daily Archives: 26.12.2015

ExtJS. Создание, добавление, удаление элементов DOM

MY PROJECTS

Recent Posts

Categories