các hình thức xương sống với các trường có điều kiện

Question

Trước hết là nhờ các chàng trai của backbone-forms, người đã tạo ra một công cụ tích hợp hoàn hảo trong khung công tác backbone.js.

Tôi đang sử dụng backbone.js với plugin hình thức xương sống, nhưng tôi cần phải tạo các trường có điều kiện.

Giả sử tôi có biểu mẫu sau. Tôi muốn hiển thị (hoặc không) một đầu vào dòng đơn vớixt hoặc một vùng văn bản theo giá trị được chọn trong select.

<form method="post" action="">     
    <select > 
     <option value="" selected="selected">choose one</option> 
     <option value="1" >line</option> 
     <option value="2" >area</option> 
    </select> 
    <input id="element_1" /> 
    <textarea id="element_2" ></textarea> 
</form> 

Hành vi như thế này được thực hiện theo mặc định trong xương sống?

Nếu không, làm thế nào tôi có thể triển khai nó bằng javascript và các biểu mẫu được sao lưu?

cảm ơn.

Answer 1

Không có mặc định implementation.In thực tế, hoàn toàn một mình cũng rất đơn giản, xin vui lòng tham khảo các đoạn mã sau:

//Pseudo code 
var line = $("element_1"),area = $("element_2"); 
if(selectvalue ==="1"){ 
    line.show(); 
    area.hide(); 
} 
else{ 
    line.hide(); 
    area.show(); 
} 

Answer 2

Bạn có thể liên kết các sự kiện để các yếu tố lựa chọn và họ đã chuyển tầm nhìn của các phần tử biểu mẫu khác.

Hãy thử điều này:

$(function() { 

    //The form 
    var form = new Backbone.Form({ 
     schema: { 
      inputType: { type: 'Select', options: ['line', 'area'] }, 
      line: 'Text', 
      area: 'TextArea' 
     } 
    }).render(); 

    form.fields['area'].$el.hide(); 

    form.on('inputType:change', function(form, editor) {   
     form.fields['line'].$el.toggle(); 
     form.fields['area'].$el.toggle(); 
    }); 

    //Add it to the page 
    $('body').append(form.el); 
}); 

Dưới đây là một số mã trực tiếp: http://jsfiddle.net/shioyama/grn6y/

Xuất phát từ điều này: https://groups.google.com/d/topic/backbone-forms/X5eVdTZWluQ/discussion