backbone.js - 在主干 View 的数据表行中附加事件

Question

我有这样的主干 View :

var newrow=Backbone.View.extend({

        el:"<table>",
        events:{
            'click .edit':'editrow',
            'click .delete':'deleterow'
            },


            render: function()
            {
                data=this.model.toJSON();
                $('table').dataTable().fnAddData([data.name,data.email,data.contact_number,'<span class="edit">Edit</span><span class="delete">Delete</span>']);
                return this;
            },

            editrow:function(){
                alert ("edit);
            },

            deleterow:function(){
            alert("delete");
            }
        })

我需要附加点击事件与 td 具有跨度与类“编辑”。我知道这不起作用，因为我正在使用数据表函数动态添加行。我正在尝试在预渲染的数据表中添加行。可能是什么解决方案。

P.S 我已经在其他 View 中渲染了一个空表。这可以正常工作，并且数据表会添加行。但无法弄清楚如何在元素中添加点击事件。

Answer 1

在你看来，几乎没有什么事情是不对的。如果你解决了这些问题，它可能会起作用。

而不是 el:"<table>"试试tagName:"table" .这是correct way为 View 设置新元素。

而不是 $('table').dataTable() .试试this.$el.dataTable() .前者对页面中的所有表格元素执行选择，后者引用您的 View (<table>) 元素。

只要您添加的元素在 View 的 el 内事件应该自动连接。如果由于某种原因它不起作用，请尝试调用 this.delegateEvents()插入新行后。