个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我是backbone.js的新手，下面是我的代码，我所需要的只是backbone.js中所需的语法/代码，以便在表的每一行中生成唯一的id，以便当按下删除键时我从表中删除该特定行。
$(function(){
var Person = Backbone.Model.extend({
id: 0,
name: 'default name',
age: 100
});
var PersonCollection = Backbone.Collection.extend({
model: Person
});
var PersonView = Backbone.View.extend({
el: $('#personEL'),
events:
{
"click #login-btn" : "loginClick"
},
loginClick: function()
{
var name = $('#name').val();
var age = $('#age').val();
var newPerson = new Person({id: 1,name: name, age : age});
this.personCollection.add(newPerson);
var showit = new zview({model: newPerson});
},
initialize: function(){
this.personCollection = new PersonCollection();
this.render();
},
render: function()
{
var template = _.template( $("#personInputTemplate").html(), {} );
this.el.html(template);
return this;
}
});
zview = Backbone.View.extend({
el: $('#personTable'),
events:{
'click #delete' : 'deleteItem'
},
initialize: function()
{
this.render();
return this;
}
,
render: function()
{
var template = _.template( $('#personDisplayTemplate').html(), this.model.toJSON() );
console.log(template);
$(this.el).append(template);
}
,
deleteItem: function()
{
console.log('delete');
}
});
var persons = new PersonView();
});
html:
<body>
<script type="text/template" id="personInputTemplate">
<p>Person Name<input type="text" id="name" /></p>
<p>Person Age<input type="text" id="age" /></p>
<p><button id="login-btn">Save</button></p>
</script>
<script type="text/template" id="personDisplayTemplate">
<tr>
<td><span><%= name ? name : '' %></span></td>
<td><span><%= age ? age : '' %></span></td>
<td><a href="#" id="<%= id ? id : '' %>" class="delete"> Delete</a> </label></td>
</tr>
</script>
<div id ="personEL"></div>
<div id="showPerson"></div>
<div id="display">
<table id="personTable">
</table>
</div>
任何帮助、建议、代码表示赞赏。
最佳答案
你不需要乱搞 id是为了这个。您的事件处理程序会传递一个事件对象，该对象具有 target属性，对于点击事件，target将是被单击的 DOM 元素。像这样的事情应该可以解决问题:
deleteItem: function(ev) {
var $tr = $(ev.target).closest('tr');
// Now $tr is the jQuery object for the <tr> containing the .delete
// element that was clicked.
$tr.remove();
}
此外，您的模板(正确地)使用 class="delete"对于删除链接，但您的事件绑定(bind)到 id="delete" 的元素;你需要修复你的 events还有:
events: {
'click .delete': 'deleteItem'
}
此外，你还有一只流浪</label>在您的删除链接中，您可以删除 id完全属性；只是这样应该没问题:
<td><a href="#" class="delete">Delete</a></td>
如果您确实需要id然后我会在 <tr> 上使用数据属性:
<tr data-id="<%= id ? id : '' %>">
然后你可以使用$tr.data('id')来访问它。将其附加到<tr>可以轻松地从行内的任何位置进行查找，并且使用数据属性可以避免重复 HTML id属性并最终得到无效的 HTML。 id值应该来自服务器，因为它们应该被定义。
关于php - 如何将 id 与主干中的表行删除按钮关联，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8482004/
25
4
0
最近几天，我们考虑使用 Solr 作为我们的首选搜索引擎。 我们需要的大多数功能都是开箱即用的，或者可以轻松配置。 然而，我们绝对需要的一项功能似乎在 Solr 中被很好地隐藏(或缺失)了。 我会试着
我是 Sequelize 的新手，并且一直在探索关联。我正在使用 mysql 5.6 并 Sequelize ^4.42.0。我正在尝试创建两个简单的表:PRJS 和 TASKS 并将一些数据插入这些
关联、聚合和组合之间有什么区别？请从实现的角度解释一下。 最佳答案 对于两个对象，Foo 和 Bar 可以定义关系 关联 - 我与一个对象有关系。 Foo 使用 Bar public class Fo
这两种 hasOne 语法有什么区别？ class Project { ....... ............ static hasOne = Employee // static h
对于当前的项目，我想使用遗传算法 - 目前我查看了 jenetics 库。 如何强制某些基因相互依赖？我想将 CSS 映射到基因上，例如我有基因指示是否显示图像，以及如果它也是各自的高度和宽度。因此，
关联、聚合和组合之间有什么区别？请从实现的角度解释一下。 最佳答案 对于两个对象，Foo 和 Bar 可以定义关系 关联 - 我与一个对象有关系。 Foo 使用 Bar public class Fo
假设我有一个名为“学生”的表格，其中包含姓名、手机、电子邮件、首选类(class)、首选学校、性别、年龄、地址、资格、职称、家庭电话、工作电话等列 我想从 Students 表中选择数据并插入到 2
问题标题有点困惑。我有一级员工和一级项目。一名或多名员工正在从事一个或多个项目。在这个关联中，我只有一个从具有*多重性的员工类到具有*多重性的项目类的链接。现在有另一种实现。每个项目只有一名经理，属于
到目前为止，我有一个程序采用一组随机点、站点，并围绕这些点形成适当的 Voronoi 图，表示为角和边的图形。它还为我提供了 Delaunay 三角剖分作为另一个以所有站点为节点的图形(尽管我不知道这
实现IComMethodEvents时你得到三个事件。 OnMethodCall OnMethodException OnMethodReturn 我的目标是记录 COM+ 组件中每个方法的调用时间。
我正在处理这个问题。我正在创造数学问题，每一个都有回应。例如。 如果我的问题是关于“5x + 15 = 2 的结果？”，我将只等待一个答案(整数)。 如果我的问题是关于“给我这个形状的面积和许可”，我
我正在寻找一种数据结构来保存唯一元素的无序集合，它将支持以下操作 在集合中任意位置插入/删除元素 查询元素是否存在 访问一个随机元素 天真地，1 和 2 建议使用关联容器，例如unordered_se
是否可以在 LINQ 中使用类似 ContactAddress.Contact 的内容，而无需在 SQL Server 中在这两者之间创建外键关系(通过 Contact.Id ContactAddr
我一直在谷歌搜索，但不明白调用 javax.persistence.criteria.Subquery 和 Criteria API 的方法相关的结果是什么。 http://www.objectdb.
我正在关注 Chris McCord 的“Programming Phoenix”一书，在第 6 章中，在 User 之间创建了一个关系。和一个 Video . 尝试使用 mix phoenix.se
我在 XAML 中有一个 ItemsControl，我在其中为每个组显示一个扩展器，以便我可以展开/折叠该组。我想保持 IsExpanded 的状态属性(以及可能与组标题显示相关的其他设置)。通常你只
Oracle 11 中是否有内置方法来检查 varchar2 字段中值的相关性？例如，给定一个简单的表，如下所示: MEAL_NUM INGREDIENT --------------------
是否可以在没有 JPA 在数据库中创建外键的情况下设置多对一关联？ 这些表归另一个系统所有，并以异步方式填充。因此我们不能在数据库中使用 FK。仍然，几乎总是，最终是一种关系。 @ManyToOne(
我一直在使用NHibernate，使用Fluent NHibernate进行映射。我解决了很多问题，并开始认为自己在nhibernate中经验丰富。 但是，此错误非常奇怪。 这是我的模型: p
我正在开发一个 Typescript Sequelize 项目，其中我的 /models/index.ts 文件具有以下“导入此目录中的所有模型”功能: var basename = path.bas
我是一名优秀的程序员,十分优秀！