2012-03-08 3 views
0

Я имею Fieldset в шаблоне JQuery:сброса Fieldset значения в Backbone.js

<script id="tmpl_companies" type="x-jquery-tmpl"> 
    <fieldset id="add-row" class="clearfix"> 
     <div> 
      <label for="industry_type">Industry Type: </label> 
      <input type="text" id="industry_type" value="${industry_type}"><br/> 
     </div> 
     <div> 
      <label for="hiring_company_name">Hiring_Company Name: </label> 
      <input type="text" id="company_name" value=${hiring_company_name}><br/> 
     </div> 
     <div class="last"> 
      <button type="submit" id="save" name="save" alt="save" > 
       <img src="/assets/img/add.png" /> 
      </button> 
      <button type="reset" id="reset" name="reset" alt="reset" > 
       <img src="/assets/img/cancel.png" /> 
      </button> 
     </div> 
    </fieldset> 
</script> 

Как я могу сбросить значения Fieldset, нажав на кнопку сброса

'click #reset' : 'reset' 

в Backbone.js

reset: function() { 
    ??????? 
} 

ответ

2

Не обрабатывайте это в позвоночнике. Просто позвольте браузеру сбросить форму для вас, используя кнопку <input type="reset">.

Если вы должны использовать Backbone, просто повторно вынести мнение:


    reset: function(){ 
    this.render(); 
    }, 

    render: function(){ 
    var html = $("#my-template").tmpl(this.model.toJSON()); 
    this.$el.html(html); 
    } 
+1

Но повторный рендеринг страницы вызывает то, что все ** временное содержание теряется **. В моем случае есть сообщение обратного вызова, информирующее пользователя об успешном или неудачном отправке формы. – JJD

+0

Я прямо там с вами JJD, плюс повторно представленная форма не создает экземпляр моего датпикера JS должным образом, а когда добавляется функция рендеринга, она ломается и не работает внутри инициализации. Какие-нибудь лучшие решения? –

0
<script id="tmpl_companies" type="x-jquery-tmpl"> 

<fieldset id="add-row" class="clearfix"> 
<form> // missed here 

<div><label for="industry_type">Industry Type: </label> 
<input type="text" id="industry_type" value="${industry_type}"><br/> 
</div> 
<div><label for="hiring_company_name">Hiring_Company Name: </label> 
<input type="text" id="company_name" value=${hiring_company_name}><br/> 
</div> 
<div class="last"> 
<button type="submit" id="save" name="save" alt="save" ><img src="/assets/img/add.png" /></button> 
<button type="reset" id="reset" name="reset" alt="reset" ><img src="/assets/img/cancel.png" /></button> 

</div> 
</form> //missed here 
</fieldset> 
</script>