Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Разработка мобильных приложений для бизнеса. Учебное пособие
.pdf
new enyo.Control({
components: [
{name: "hello", content: "Hello From Enyo", ontap: "helloTap"},
{tag: "hr"}
],
helloTap: function() {
this.$.hello.addStyles("color: red");
}
}).write();
Теперь у нас есть компонент hello, который генерирует сообщение
helloTap при срабатывании на нём события tap (аналог щелчка мыши, но
срабатывает также от касаний на сенсорном экране). $ указывает на все
подкомпоненты данного компонента.
Основная идея заключается в том, что компоненты hello и hr, их описание и поведение заключены внутри элемента
управления. Для повторно-
го использования нам понадобится прототип.
Enyo содержит генератор конструкторов/прототипов, называемый
enyo.kind. Конструкторы, порождаемые генератором, называются kind.
Пример:
enyo.kind({
name: "Hello",
kind: enyo.Control,
components: [
{name: "hello", content: "Hello From Enyo", ontap: "helloTap"},
{tag: "hr"}
],
helloTap: function() {
this.$.hello.addStyles("color: red");
}
});
// make two, they're small
new Hello().write();
new Hello().write();
Вышеуказанный код создаёт новый kind Hello, наследуя его от
enyo.Control. Он содержит некоторое количество компонентов и описыва-
ет некоторое поведение. Возможно создание сколь угодно большого числа
абсолютно независимых экземпляров Hello, при этом пользователю необязательно знать его внутреннее устройство.
51
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]