Jquery binding?

Question

[Dialog]

Товарищи, интересует такой вопрос, хотя может он и соц опрос — а как вы биндите события?



На id биндить не круто, к примеру есть четыре input на которые вешается событие keyup.

На class биндить тоже не нравится, как минимум предназначение у class другое и ненаглядно это.



Есть вариант изобретать «тормозной» биндинг:

$('input[data-bind="idBind"]').on('keyup', function(e) {})

Или же в DOM напрямую прописывать биндинг:

onkeyup="bindFunction();"



Собственно говоря, многие скажут мол юзайте knockout, angular, etc. Но у них функционал обширней и многие вещи я использовать точно не буду.

Answer 1

[aretmy]

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

Comments

[Dialog]

Классы — это css, а не для логики js, нет? Те же backbone и knockout не биндятся на классы.

[Анатолий]

«Те же backbone и knockout не биндятся на классы.» неужели? backbonejs.org/#View-extend Вы так утверждаете это даже не взглянув на офф документацию?:)

[Dialog]

А ничего, что это не биндинг на имя класса?) А задание класса для tagName, когда рендерится вью?)

[Анатолий]

events: {
«click .icon»: «open»,
«click .button.edit»: «openEditDialog»,
«click .button.delete»: «destroy»
},

Вы ведь про этот кусок кода? Если да, то это именно биндинг по классу.

[Dialog]

Окей, сначало подумал про tagName, в данном случае биндинг относительно вью, как уже говорили «биндить контейнер», но чем тут нравится — если нужно, что-то исправить — я лезу в js и исправлю, если делать бинды на чистые классы (без backbone), то мне нужно из js лезть в html (или шаблоны) — не очень решение.

Другое решение, которое больше нравится, биндинг в knockout. Как в angular дело обстоит… Не юзал, не знаю.

Подключать эти библиотеки бессмысленно, например мне не нужен полностью mvc во фронтенде (не такой сложности проект) и RESTful (в случае с backbone).

[Анатолий]

Можно прекрасно смастерить на коленке за 5 минут классы типа бекбон вью, в которых прописывать классы/айди/другое для обработчиков, в итоге когда нужно классы, пишете классы, когда классов нет пишете «тормозной» биндинг. Все библиотеки прекрасно уже умеют так делать, и делают. я не вижу ничего плохого в классах, и иногда создаю «болванки» классов специально для биндингов. А если ваш верстак полез в верстку и удалил все старые классы заменив своими, то ему надо дать огромную затрещину и нахрен уволить, ибо так не работают, внимательно надо к коду относиться.

[Dialog]

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

[Анатолий]

Это не подход дартаньяна, это нормальный подход. Если я приду к вам в проект, и удалю в базе, в какой-то табличке некоторые поля и заменю их на свои (естественно кода я не буду менять) неужели это будет нормальным действием? Нет, вот и я так думаю по отношению к верстаку (о котором вы писали ниже) Если сайт работает, то удаление одного класса может повлечь за собой множество проблем, нормальный верстак это знает и не будет тупо ничего удалять, как минимум проконсультируется с остальными.

[Roman Domrachev]

Это взаимодействие между слоями.
Верстка и JS приложение фронтенда – разные слои. Если использовать классы в JS приложении – получается пересечение разных слоев, что вообще плохо пахнет.
Суть в том, что JS приложению должно быть пофиг как выглядит элемент, он должен скорее определять, чем элемент является. data-аттрибуты – идеально решают эту проблему, по идее, но это тот самый «тормозной» биндинг.

Answer 2

[Павел Рыбин]

Для описанной ситуации идеально подходят классы. Если элементы, на которые надо повесить один обработчик, находятся внутри одного контейнера (например, элементы списка), то событие следует делегировать — вешать обработчик на контейнер, указывая уточняющий селектор класса.

Comments

[Dialog]

Через месяц изменяется контейнер, новый верстальщик убирает лишние классы во вью и биндинги js испаряются. Вести документацию?

[1x1]

Как минимум добавить соответствующие тесты.

[Павел Рыбин]

Для этого можно использовать отдельные классы и согласовать с верстальщиками, чтобы они их не трогали. Например, с префиксом js.

[Dialog]

Отлично, пардон за грубость (а она из-за того, что я уже описал — что меня конкретно интересует, что я пробовал и что мне нравится), но вы наверное в БД тоже избыточностью иногда страдаете?