Daily Archives: 22.12.2015

ExtJS. Singleton

Posted on 22.12.2015 by Stanislav_Panteleev

При объявлении класса можно объявить параметр Singleton, это позволит вызывать свойства и методы без создания экземпляра класса

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


//Этот код сработает корректно
SomeClass.somemethod('testword');
SomeClass.somemethod('testword again');
alert('someproperty '+SomeClass.someproperty);


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

Ext.define('SomeClass', {

singleton:true, //

someproperty:"testproperty",

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

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

});

//Этот код сработает корректно

SomeClass.somemethod('testword');

SomeClass.somemethod('testword again');

alert('someproperty '+SomeClass.someproperty);

//Код ниже вызовет ошибку

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

alert('someproperty '+myinstance.someproperty);

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

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

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

ExtJS. Динамическая загрузка классов

Posted on 22.12.2015 by Stanislav_Panteleev

Как загружать классы из той же директории, что и запускаемый js, html файл? Здесь приведен сначала самый простой вариант, когда мы выносим описание наших классов в отдельный файл с расширением .js и размещаем его в той же директории, в которой у … Continue reading →

Posted in ExtJS, javascript | Comments Off

ExtJS. Секция Mixins. Смешивание классов

Posted on 22.12.2015 by Stanislav_Panteleev

Эта “фишка” ExtJS позволяет “смешивать” свойства и методы классов, добавляя их из одного класса в другой.

Ext.define('SomeClass', {

    someproperty:"testproperty",
    somemethod: function(text){ alert(text);},
    somemethod2:function(text){alert(text);}
});

Ext.define('AnotherClass', {
    
//Примешиваем свойства другого класса
mixins:{myvar:'SomeClass'}

});

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

Ext.define('SomeClass', {

someproperty:"testproperty",

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

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

});

Ext.define('AnotherClass', {

//Примешиваем свойства другого класса

mixins:{myvar:'SomeClass'}

});

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

alert('someproperty '+myinstance.someproperty);

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

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

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

ExtJS. Наследование классов

Posted on 22.12.2015 by Stanislav_Panteleev

Вот простой пример наследования

// Определяем класс родителя
Ext.define('Parent', {

    someproperty:"testproperty",
    somemethod: function(text){ alert(text);},
    somemethod2:function(text){alert(text);}
});

// Определяем класс ребенка
Ext.define('Children', {
    extend: 'Parent',
  
//Демо вызова метода родителя с параметрами из ребенка
somemethod2: function(text) { this.callParent(["modified argument from children "+text]); }
});


var myinstance=Ext.create('Children');// Создаем экземпляр класса
alert('parent property called from the children '+myinstance.someproperty);
myinstance.somemethod('testword'); //Вызываем метод
myinstance.somemethod2('testword');// Вызываем метод

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

Ext.define('Parent', {

someproperty:"testproperty",

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

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

});

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

Ext.define('Children', {

extend: 'Parent',

//Демо вызова метода родителя с параметрами из ребенка

somemethod2: function(text) { this.callParent(["modified argument from children "+text]); }

});

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

alert('parent property called from the children '+myinstance.someproperty);

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

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

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

ExtJS. Секция statics

Posted on 22.12.2015 by Stanislav_Panteleev

При создании класса, можно в items объявить секцию statics и в неё записывать свойства и методы, которые можно будет вызывать без создания экземпляра класса.

Ext.define('MyApp.Calc', {
 statics: {
 count: 0,
 AppName:"MyCalc",
 
 multiply: function(n1, n2) {
 return n1*n2;
 },
 }
});

//Вызываем без создания экземпляра класса
alert(MyApp.Calc.AppName);
alert(MyApp.Calc.multiply(5,5));

Ext.define('MyApp.Calc', {

statics: {

count: 0,

AppName:"MyCalc",

multiply: function(n1, n2) {

return n1*n2;

}

});

//Вызываем без создания экземпляра класса

alert(MyApp.Calc.AppName);

alert(MyApp.Calc.multiply(5,5));

Примечание. Когда в свойстве statics я использовал в качестве имени свойства имя name, то при обращении к свойству, … Continue reading →

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

ExtJS. Секция config (Auto setters Auto getters)

Posted on 22.12.2015 by Stanislav_Panteleev

Согласно книге FirstLook, при создании класса и определении items, мы можем использовать параметр config, для создаваемых итемов в секции config автоматически создаются методы get – получение свойства set – установка свойства reset – установка свойства в первоначальное значение apply – вспомогательный … Continue reading →

Posted in javascript | Comments Off

Daily Archives: 22.12.2015

ExtJS. Singleton

ExtJS. Динамическая загрузка классов

ExtJS. Секция Mixins. Смешивание классов

ExtJS. Наследование классов

ExtJS. Секция statics

ExtJS. Секция config (Auto setters Auto getters)

MY PROJECTS

Recent Posts

Categories