Daily Archives: 23.12.2015

ExtJS. Dom. “Захват” элементов

Posted on 23.12.2015 by Stanislav_Panteleev

В данном посте посмотрим как можно захватить элементы Dom по одному и группами, по CSS атрибутам. В качестве примера для последующих задач возьмем такую HTML разметку

...
<div id="parent">		
<div id="child1">someContent1</div>
<div id="child2">someContent2</div>
<div id="child3">someContent3</div>
<div id="child4">someContent4</div>
</div>
...

...

<div id="child1">someContent1</div>

<div id="child2">someContent2</div>

<div id="child3">someContent3</div>

<div id="child4">someContent4</div>

</div>

...

Как захватить DOM элемент или несколько DOM элементов? Одним из базовых классов в “захвате” … Continue reading →

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

ExtJS. Псевдонимы классов

Posted on 23.12.2015 by Stanislav_Panteleev

Классам можно задавать псевдонимы с помощью ключевого слова alias Простой пример App.js

Ext.define('SomeClass', {
    alias:'person',
    someproperty:"testproperty",
    somemethod: function(text){ alert(text);},
    somemethod2:function(text){alert(text);}
});



var myinstance=Ext.create('person');// Создаем экземпляр класса
alert('someproperty '+myinstance.someproperty);
myinstance.somemethod('testword'); //Вызываем метод
myinstance.somemethod2('testword2');// Вызываем метод

Ext.define('SomeClass', {

alias:'person',

someproperty:"testproperty",

somemethod: function(text){ alert(text);},

somemethod2:function(text){alert(text);}

});

var myinstance=Ext.create('person');// Создаем экземпляр класса

alert('someproperty '+myinstance.someproperty);

myinstance.somemethod('testword'); //Вызываем метод

myinstance.somemethod2('testword2');// Вызываем метод

Пример посложнее

//Определяем класс
Ext.define('Person.Panel', {
        alias: 'widget.myalias',
        extend: 'Ext.panel.Panel',
        title: 'Пример использования псевдонимов классов',
        html : '<h3>Hello world! Hello from ExtJS<h3>'
});	

//Создаем приложение
Ext.application({
    name: 'AliasExample',
    launch: function() {
        //Создаем контейнер
        Ext.create('Ext.container.Viewport', {
            //настраиваем отображение
            layout: 'fit',
            
            //Добавляем в контейнер элементы
            items: [
                {
                    xtype: 'alias',
                    
                }]
        });
    }
});

//Определяем класс

Ext.define('Person.Panel', {

alias: 'widget.myalias',

extend: 'Ext.panel.Panel',

title: 'Пример использования псевдонимов классов',

html : '<h3>Hello world! Hello from ExtJS<h3>'

});

//Создаем приложение

Ext.application({

name: 'AliasExample',

launch: function() {

//Создаем контейнер

Ext.create('Ext.container.Viewport', {

//настраиваем отображение

layout: 'fit',

//Добавляем в контейнер элементы

items: [

{

xtype: 'alias',

}]

});

}

});

Слово widget в данном случае зарезервированное. Если его изменить, убрать, то работать не будет.

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

Daily Archives: 23.12.2015

ExtJS. Dom. “Захват” элементов

ExtJS. Псевдонимы классов

MY PROJECTS

Recent Posts

Categories