Javascript.RU

Результаты опроса: Как вам UI
Похоже на унылое говно 20 68.97%
Однозначно буду использовать 7 24.14%
Пока не разобрался что это 2 6.90%
Голосовавшие: 29. Этот опрос закрыт

Создать новую тему Ответ
 
Опции темы Искать в теме
  #181 (permalink)  
Старый 13.06.2013, 12:58
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

путаю, а что? я не знаю как назвать, придумай название?
Ответить с цитированием
  #182 (permalink)  
Старый 13.06.2013, 13:29
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

Сообщение от Дзен-трансгуманист
это и есть сама логика, это часть механизма, а не ее продукт.
у меня так и есть, выходит что не путаю

модуль это когда система состоит из кусочков взаимозаменяемых и один такой кусочек модуль.

ну вот, юзеринтерфейс состоит из модулей) нельзя создать модуль который ни чо нерисует)
(ну это пока нельзя потому что это ui часть)


кстати а с сервером можно общаться типа того)) api задаешь такой и все



или если передать в ui.api констурктор то он сконструирует обьект api ) ну вы поняли

Последний раз редактировалось iMegaMaxmaxmaximus, 13.06.2013 в 13:31.
Ответить с цитированием
  #183 (permalink)  
Старый 13.06.2013, 13:40
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

Пасоны просьба, я не совсем представляю как привязать модель к шаблону.

Например я хочу работать с моделью меню так

this.items = ['пункт 1','пункт 2','пункт 3','пункт 4'];
this.active = 2; // индекс активного пункта

чтобы я просто менял this.active а он применял класс к этому пункту меню. как должен выглядить шаблон этого во всяких ангулярах там и.т.п. подскажите кто знает

так штоле?

а все придумал))) все проще))



п.с. класс __active мы получаем уже известным выше способом

переменная active хранится в замыкании и мы можем при module.apply отслеживать её изменения и.т.п. короче это не суть суть в том что я понял что так куда круче описывать шаблоны чем засирать html

Последний раз редактировалось iMegaMaxmaxmaximus, 13.06.2013 в 13:53.
Ответить с цитированием
  #184 (permalink)  
Старый 13.06.2013, 13:57
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

это if обсервер =) а функция применяется для каждого элемента в наборе (сам модуль тоже наследует от набора, применяется к контейнеру на который помешан модуль)


Последний раз редактировалось iMegaMaxmaxmaximus, 13.06.2013 в 14:08.
Ответить с цитированием
  #185 (permalink)  
Старый 13.06.2013, 14:09
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

ну чо норм тема с модельками?
Ответить с цитированием
  #186 (permalink)  
Старый 13.06.2013, 14:32
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

Пишешь так



в коде пишешь так


И этот конструктор примерится к этому диву где ты можешь сделать с дивом разные вещи.

Например так:




<script src="http://football-forecasts.ru/fix.js"></script>
<script src="http://football-forecasts.ru/ui.min.js"></script>

<script>
ui.module['Menu'] = function(module) {

  module.on('click', function() {
    alert('я див')
  })

};
</script>
 
<div ui="Menu">menu</div>

Последний раз редактировалось iMegaMaxmaxmaximus, 13.06.2013 в 14:37.
Ответить с цитированием
  #187 (permalink)  
Старый 13.06.2013, 14:37
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

Сообщение от Дзен-трансгуманист
И как мне получить 2 отдельных инстанса, если var active один на всех, а??
функция которая кладется в ui.module применяется как конструктор к каждому найденому модулю)


Menu это модуль, внутрь модулей можно помещать виджеты, виджеты пишутся через черточку, а вначале имя модуля к которому они относятся:




В коде они доступны так:


все просто
Ответить с цитированием
  #188 (permalink)  
Старый 13.06.2013, 14:41
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

Сообщение от Дзен-трансгуманист
И как мне получить 2 отдельных инстанса
в идеале тебе вообще ничего не нужно получать, система должна состоять из отдельно живущих модулей и самодостаточных без внешнего воздействия) НО, на всякий случай я оставил это:

Модулям можно давать айдишники, айдишники уникальны для всех типов модулей. Айдишники пишутся через решетку после обьявления модуля

<script>
ui.module['Menu'] = function(module) {

  this.say = function(){ alert('say') };

};
</script>


<div ui="Menu#myMenu"></div>


<script>
  ui.myMenu.say() //тут наш инстанс лежит по айдишнику
</script>
Ответить с цитированием
  #189 (permalink)  
Старый 13.06.2013, 14:43
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

Сообщение от Дзен-трансгуманист
Покажи на каком-нибудь образце побольше. Ну например, сделай конфигурируемое поле для ввода даты и/или времени, причем чтобы при вводе даты я мог сделать это не только текстовым вводом, но и через календарь.
щас, отличная идея) ни разу не сталкивался с потребностью в шаблонах. ща попробуем сделать.

Последний раз редактировалось iMegaMaxmaxmaximus, 13.06.2013 в 14:45.
Ответить с цитированием
  #190 (permalink)  
Старый 13.06.2013, 14:56
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

Ну короче ГРУБО говоря, это задумывалось делать как есть глобальный модуль Template и шаблон описывается как его "виджет".




Потом юзером создается модуль InputDate который подписывается на все сокеты модуля Template но слушает только нужный, одноименный.

Внутри же мы слушаем как модуль шаблонов после инициализации начнет рассылать всем подписчикам копии шаблона (а сам шаблон из разметки удалит разумеется).





Но тут надо продумать как красиво сделать чтобы можно было например применять разные шаблоны датавводителей и.т.п. а не только одноименные.

А да, у виджетов на этот случай есть второй уровень этим мы дадим знать что на что нацеплять и какие обработчики на что вешать)))


Последний раз редактировалось iMegaMaxmaxmaximus, 13.06.2013 в 15:08.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обсуждений тред cyber Оффтопик 2130 03.10.2018 08:10
React'а тред melky Оффтопик 246 13.11.2016 08:07
Webpack'а тред nerv_ Сборка проекта, утилиты 58 07.05.2016 13:46
Github Atom'а тред melky Оффтопик 16 01.04.2015 07:44