是的,因爲powmedia的backbone-forms
確實提供了模板選項。
您只需構建模板並將其作爲選項傳遞給它。
var FormSchema = Backbone.Model.extend({
defaults: function() {
return {
'cidesc': 'abc',
'cimisc': 3555,
'codesc': 'asdf',
'comisc': 123,
'todesc': 'def',
'tomisc': 1233,
};
},
});
var Form = Backbone.Form.extend({
template: _.template($('#formTemplate').html()),
schema: {
'cidesc': { type: 'Text', title: '' },
'cimisc': { type: 'Text', title: '' },
'codesc': { type: 'Text', title: '' },
'comisc': { type: 'Text', title: '' },
'todesc': { type: 'Text', title: '' },
'tomisc': { type: 'Text', title: '' },
}
});
var form = new Form({
model: new FormSchema()
}).render();
$('body').append(form.el);
<script id="formTemplate" type="text/html">
<form>
<table>
<tbody>
<tr>
<td>Buffer check-in time</td>
<td><div data-fields="cidesc"></div></td>
<td><div data-fields="cimisc"></div></td>
</tr>
<tr>
<td>Buffer check-out time</td>
<td><div data-fields="codesc"></div></td>
<td><div data-fields="comisc"></div></td>
</tr>
<tr>
<td>Buffer check-out time</td>
<td><div data-fields="todesc"></div></td>
<td><div data-fields="tomisc"></div></td>
</tr>
</tbody>
</table>
</form>
</script>
嘗試在這裏http://jsfiddle.net/xxhLxr7z/1/ :)
你看着創建一個自定義編輯器(見文檔)?您還可以擴展Field對象以創建自己的模板。 – evilcelery
@evilcelery雅我看着它,但它有點讓我困惑。 –