кликнуть и получить модель

[cyklop77]

помогите пожалуйста решить проблему

вот заготовка для игры крестики-нолики на backbone:

https://jsfiddle.net/9t1cwfrv/9/ 

https://github.com/zlodiak/ttt_1

пока она умеет после клика по любой клетке выводить в консоль координаты клетки. каждой клетке соответствует своя модель.  для вывода в консоль координаты берутся из атрибутов элемента 'data-*'

проблема в том, что эти же самые координаты хранятся в модели каждой клетки. таким образом получается дублирование данных(в модели и в атрибутах элемента)

хотелось бы чтобы после каждого клика данные брались из модели, а не из атрибутов элемента

[nerv]

Принципиально Backbone? Могу на Vue.js показать как делается и кода будет меньше =)

[cyklop77]

1 час назад, nerv сказал:

Принципиально Backbone? Могу на Vue.js показать как делается и кода будет меньше =)

спасибо, но мне только backbone)

[cyklop77]

в общем всё разрешилось. я просто перенёс обработчик клика из представления поля в представление клетки. вот что значит надеть носки на свежую голову)

Edited May 8, 2016 by cyklop77

[cyklop77]

у меня вопрос снова про эту программу. всё таки доделал я её. но у меня закрались сомнения по поводу чистоты ООП-кода. то что игра написана на backbone принципиального значения не имеет

http://fh79272k.bget.ru/files/works/tic_tac_toe/1/

https://github.com/zlodiak/ttt_1

проблема такая: 

игра состоит из нескольких view:

APP.TttView       // основа игры
APP.FieldView     // генерация игрового поля
APP.CellView      // генерация клетки

я почти всю логику поместил в основной view:

APP.TttView = Backbone.View.extend({  

  render(),         // отрисовка элементов игры

  playerStep(),     // handler хода игрока

  compStep(),       // handler хода компьютера

  addStep(),        // запись информации об очередном ходе в спец.массив

  winnerCheck()     // вызывается после каждого хода. здесь же вызывается alert в случае победы

});

в APP.FieldView есть метод, который проверяет сложились ли крестики или нолики в линию:

APP.FieldView = Backbone.View.extend({  

  checkCellLines()    // проверка расположения крестиков/ноликов

});

проблема в том, что  APP.TttView содержит слишком много методов и при том длинных. а это верный признак, что программа спроектирована наудачно. подскажите пожалуйста хотя бы на словах как изменить архитектурку?

Edited May 10, 2016 by cyklop77