-
MY PROJECTS
-
Recent Posts
- SpringBoot.Making our first starter and autoconfiguration
- Spring. Creating main annotation to start business logic
- Spring.Reading from properties file
- Spring.How to define spring version inside springBoot ?
- SpringBoot App inside Docker
- Kafka.FirstExperience
- Docker.MySql and Lost connection to MySQL server at ‘reading initial communication packet’, system error: 0
- Gradle.Tips
- Spring.AppConfig
- Leetcode.Best-time-to-buy-and-sell-stock
- LeetCode.ClimbStairs.Fibbonacci
- Leetcode.Roman-to-integer
- LeetCode.Palindrome-number
- Java.DesignPatterns.Lightweight
- Java.DesignPatterns.Proxy
- Java.DesignPatterns.Facade
- Java.DesignPatterns.Composite
- Java.DesignPatterns.Bridge
- Java. Strange OOP thing
- Java.Classpath
Categories
- Aptana
- Azure
- C#
- DataSnap
- DBExpress
- Delphi
- Delphi и сети
- Delphi. Язык программирования
- ExtJS
- FastReport
- FireDAC
- FireMonkey
- GIT
- ICS
- IDE
- IIS
- Indy
- InnoSetup
- javascript
- jQuery
- JSON
- LiveBindings
- MSHTML
- MySQL
- PHP
- REST
- Ribbons
- SMS
- SQL инструкции
- SVN
- TRichView
- UniGui
- WebBroker
- WinAPI
- Windows
- Алгоритмы
- Без рубрики
- Деревья
- Ищу ответ
- Компонентостроение
- Мои компоненты
- Начальный уровень
- Обработка исключений
- Парсинг
- Потоки(Threads)
- Регулярные выражения
- Тестирование приложений
Daily Archives: 21.12.2015
ExtJS. Конструкторы
В данном посте посмотрим, что такое конструкторы при создании класса в ExtJS. Конструктор, в частности, позволяет при создании экземпляра класса для свойств пользоваться не значением по умолчанию, а значением, которое мы сами этому экземпляру класса и задаем. Main.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--Подключение библиотеки ExtJS, CSS и нашего скрипта JS--> <link rel="stylesheet" type="text/css" href="/ExtJS/www/Styles/theme-neptune/resources/theme-neptune-all.css"> <script type="text/javascript" src="/ExtJS/www/ext-all.js"></script> <script type="text/javascript" src="App.js"></script> <title>Main</title> </head> <body> </body> </html> |
App.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
/** * @author Stas */ Ext.define('Classes.People', // Определение свойств класса {name:'Stas', surname:'Panteleev', sex:'male', age:32, //Определение конструктора constructor:function(name,surname){ if (name&&surname){ this.name=name; this.surname=surname; } }, // Определение методов класса getfullname:function(){ alert('Имя '+this.name+' : '+'Фамилия '+this.surname); }, } ); //Создание экземпляра класса var YourName=prompt('Введите Ваше имя',''); var YourFamily=prompt('Введите Вашу Фамилию',''); // Вот где мы воспользовались преимуществом вонструктора var NewPerson=Ext.create('Classes.People',YourName,YourFamily); // Можно также было создавать вот так... //NewPerson=new Classes.People(YourName, YourFamily); //Вызов методов класса NewPerson.getfullname(); |
Posted in ExtJS, javascript
Comments Off on ExtJS. Конструкторы
ExtJS. Классы. Создание и использование класса, изменение свойств и методов экземпляра класса
Main.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--Подключение библиотеки ExtJS, CSS и нашего скрипта JS--> <link rel="stylesheet" type="text/css" href="/ExtJS/www/Styles/theme-neptune/resources/theme-neptune-all.css"> <script type="text/javascript" src="/ExtJS/www/ext-all.js"></script> <script type="text/javascript" src="App.js"></script> <title>Main</title> </head> <body> </body> </html> |
App.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
/** * @author Stas */ //Создание класса Ext.define('AnyClassName.AnySubClass.AnySubSubClass.Etc', // Определение свойств класса {name:'Stas', surname:'Panteleev', sex:'male', age:32, // Определение методов класса getname:function(){ alert('Имя '+this.name); }, getsurname:function(){ alert('Фамилия '+this.surname); } } ); //Создание экземпляра класса var NewPerson=Ext.create('AnyClassName.AnySubClass.AnySubSubClass.Etc'); //Вызов методов класса NewPerson.getname(); NewPerson.getsurname(); |
Как изменить свойства экземпляра класса?
1 2 3 4 5 6 7 8 9 |
//Создание экземпляра класса var NewPerson=Ext.create('AnyClassName.AnySubClass.AnySubSubClass.Etc'); //Пример изменения свойства класса NewPerson.name='Stan'; //Вызов методов класса NewPerson.getname(); // покажет Stan, а не Stanislav NewPerson.getsurname(); |
По аналогии можно менять методы класса.
Posted in ExtJS, javascript
Comments Off on ExtJS. Классы. Создание и использование класса, изменение свойств и методов экземпляра класса