一种将一堆输入绑定到一堆主干模型的方法

时间:2014-04-08 14:54:04

标签: javascript html css backbone.js

我正在使用backbone.js。我正在尝试创建一个交互式表格,用户可以在表格中直接编辑某些信息。我将使用JS和CSS隐藏下面代码中的输入元素,并仅在用户单击标签元素时显示它们。 在他们编辑输入元素的值并按下回车键后,我需要运行

model.save({'property_changed':input.value});

但是对于我来改变模型,首先我需要通过将模型与输入元素的属性相关联来找到我应该更新的模型。但是怎么样?我应该使用哪个属性,名字?如果是这样,它应该具有哪个值,name =“company_2_name”(id = 2,name是我要更改的属性)?

<table class="table table-striped">
<thead>
        <tr>
            <th>id</th>
            <th>Name</th>
            <th>Department</th>
            <th>Origin</th>
            <th>Headquarters</th>
            <th>Email</th>
            <th>Twitter</th>
            <th>Description</th>
            <th></th>
        </tr>
</thead>
<tr>
    <td></td>
    <td><label>name</label><input class="edit" value="name" name="new"></td>
    <td><label>department</label><input class="edit" value="department" style="width: auto;"></td>
    <td><label>origin</label><input class="edit" value="origin"></td>
    <td><label>headquarters</label><input class="edit" value="headquarters"></td>
    <td><label>email</label><input class="edit" value="email"></td>
    <td><label>twitter</label><input class="edit" value="twitter"></td>
    <td><labe>create</labe><input class="edit" value="create"></td>
    <td><button type="button" class="btn btn-default">Add</button></td>
</tr>
<tr>
    <td><label><%= id %></label><input class="edit" value="<%= id %>"></td>
    <td><label><%= name %></label><input class="edit" value="<%= name %>"></td>
    <td><label><%= department %></label><input class="edit" value="<%= department %>"></td>
    <td><label><%= origin %></label><input class="edit" value="<%= origin %>"></td>
    <td><label><%= headquarters %></label><input class="edit" value="<%= headquarters %>"></td>
    <td><label><%= email %></label><input class="edit" value="<%= email %>"></td>
    <td><label><%= twitterId %></label><input class="edit" value="<%= twitterId %>"></a></td>
    <td><label><%= description %></label><input class="edit" value="<%= description %>"></td>
    <td><button type="button" class="btn btn-default">Remove</button> </td>
</tr>

1 个答案:

答案 0 :(得分:0)

如果我正确理解您的问题,本文应该有所帮助。

Setting attributes on a collection - backbone js