Форум Сайтостроение Веб-строительство

JS/JQuery связывание данных и свойств элементов страницы

VHS
На сайте с 28.09.2007
Offline
142
VHS
656

Всем привет! В JQuery есть интересная фича со связыванием данных с элементами страницы. Кое-кто пошел дальше, и организовал связывание элементов страницы с данными (http://jquerymy.com/, https://github.com/BorisMoore/jquery-datalink). Так как глубинными познаниями не обладаю, вопрос - есть ли библиотека, позволяющая связывать данные со свойствами элемента, при изменении данных автоматом переписывающая эти свойства? Возможно ли организовать подписку на изменение данных, и автоматом перерисовывать элемент?

Пример:


<script language="javascript">
var obj= { width: 250, height: 250}
</script>
<div class="conteiner"></div>
<input name="width" type="number" value="250">
<input name="height" type="number" value="250">

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

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

В принципе можно реализовать через obj.watch с допиливанием и граблями кроссбраузерности, но возможно есть готовое решение.

TA
На сайте с 12.06.2009
Offline
116
TiA
#1
VHS:
Всем привет! В JQuery есть интересная фича со связыванием данных с элементами страницы. Кое-кто пошел дальше, и организовал связывание элементов страницы с данными (http://jquerymy.com/, https://github.com/BorisMoore/jquery-datalink). Так как глубинными познаниями не обладаю, вопрос - есть ли библиотека, позволяющая связывать данные со свойствами элемента, при изменении данных автоматом переписывающая эти свойства? Возможно ли организовать подписку на изменение данных, и автоматом перерисовывать элемент?

Пример:

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

В принципе можно реализовать через obj.watch с допиливанием и граблями кроссбраузерности, но возможно есть готовое решение.

Да, таких библиотек достаточно много. Посмотрите на Angular или ReactJS. Возможно, они вам подойдут.

Профессиональная верстка и разработка сайтов на WordPress (http://www.maultalk.com/topic139110s0.html)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий