Почему сброс() функция не работает надлежащим образом с jsviews

Question

Я использую jsviews для связывания данных:

Мой шаблон

<script id = "ProfileTemplate" type="text/x-jsrender"> 
<input data-link="userVO.first_name" type="text"> 
<input type="reset" value="Reset" onclick="this.form.reset();"> 
</script> 

Моя форма

<form name="profile-form" id="profile-form" action="profile.html"> 
<div id="flightEditDetail"></div>`enter code here` 
</form> 

<script> 
var template = $.templates("#ProfileTemplate"); 
template.link("#flightEditDetail", profileJSON); 
</script> 

Шаблон связывает значение правильно. Я изменил значение в текстовом поле и нажал кнопку сброса. Текстовое поле становится пустым, но я хочу, чтобы значение было отображено при загрузке страницы.

Почему сброс() функция не работает должным образом с jsviews данных линии связи

Answer 1

reset() вернется к intial значение по/установленное по умолчанию в value собственности: <input value="initialValue" />

В вашем случае вы можете установить " статический определить»значения начального значения данных:

<input data-link="userVO.first_name" type="text" value="{{:userVO.first_name}}"/>

или лучше - атрибут кодирование начального значения, чтобы избежать инъецировать ионные атаки:

<input data-link="userVO.first_name" type="text" value="{{attr:userVO.first_name}}"/>

В результате, пользователь будет видеть исходное значение. Однако действие сброса изменит только значение пользовательского интерфейса, а не значение в ваших базовых данных, к которым вы привязываетесь. (См. http://bugs.jquery.com/ticket/11043 для соответствующей проблемы/проблемы в jQuery). Поэтому вам, вероятно, лучше не использовать reset(), а вместо этого клонировать ваши исходные данные и использовать $.observable(userVO).setProperty(originalUserVO) для возврата.