Category Archives: ExtJS

ExtJS. Конструкторы

Posted on 21.12.2015 by Stanislav_Panteleev

В данном посте посмотрим, что такое конструкторы при создании класса в ExtJS. Конструктор, в частности, позволяет при создании экземпляра класса для свойств пользоваться не значением по умолчанию, а значением, которое мы сами этому экземпляру класса и задаем. Main.html

<!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>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

</head>

<body>

</body>

</html>

App.js

/**
 * @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();

/**

* @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();

… Continue reading →

Posted in ExtJS, javascript | Comments Off

ExtJS. Классы. Создание и использование класса, изменение свойств и методов экземпляра класса

Posted on 21.12.2015 by Stanislav_Panteleev

Main.html

<!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>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

</head>

<body>

</body>

</html>

App.js

/**
 * @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();

/**

* @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();

Как изменить свойства экземпляра класса?

//Создание экземпляра класса
var NewPerson=Ext.create('AnyClassName.AnySubClass.AnySubSubClass.Etc');

//Пример изменения свойства класса
NewPerson.name='Stan';

//Вызов методов класса
NewPerson.getname(); // покажет Stan, а не Stanislav
NewPerson.getsurname();

//Создание экземпляра класса

var NewPerson=Ext.create('AnyClassName.AnySubClass.AnySubSubClass.Etc');

//Пример изменения свойства класса

NewPerson.name='Stan';

//Вызов методов класса

NewPerson.getname(); // покажет Stan, а не Stanislav

NewPerson.getsurname();

По аналогии можно менять методы класса.

Posted in ExtJS, javascript | Comments Off

ExtJS. Первое приложение (Hello from ExtJS)

Posted on 18.12.2015 by Stanislav_Panteleev

Что такое ExtJS? Что такое ExtJS? Это довольно мощная библиотека компонентов под JavaScript, на момент написания статьи распространяется компанией Sencha! Последняя версия, опять же на момент написания статьи это 6 версия. Все дальнейшие эксперименты я буду проводить именно с 6 … Continue reading →

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

Category Archives: ExtJS

ExtJS. Конструкторы

ExtJS. Классы. Создание и использование класса, изменение свойств и методов экземпляра класса

ExtJS. Первое приложение (Hello from ExtJS)

MY PROJECTS

Recent Posts

Categories