2017-07-10 96 views
0

我试图在弹出框中应用HTML中包含的点击绑定。 单击事件不会在$ root.confirmDeleteColor在弹出式窗口中敲击绑定HTML内容不起作用

工作下面是html代码和按钮(YES)click事件被调用。

<tbody data-bind="foreach: responseData"> 
    <td align="center"> 
     <a class="btn btn-default glyphicon glyphicon-pencil" title="Edit Color" data-bind="attr: { id: id}"></a> 
     <a class="btn btn-danger glyphicon glyphicon-trash popover-top" data-toggle="popover" data-html="true" 
     data-content='<div><b>Are you Sure you want to delete this Item ?</b><div class="modal-footer"><button type="button" class="btn btn-secondary">No</button><button type="button" class="btn btn-danger" data-bind="click: $root.confirmDeleteColor">yes</button></div></div>' 
     title="Delete Color"></a> 
    </td> 
    </tbody> 

这里是VM代码

confirmDeleteColor: function() { 
     var self = this; 
     console.log("testing"); 
} 

在控制台不打印测试文本。

这里是页

enter image description here

回答

0

这是因为当引导被追加酥料饼的DOM的形象 - 淘汰赛模板已经被编译,所以淘汰赛不知道你点击绑定。 在这种情况下,你应该使用绑定像这样的: Knockstrap popover 或者创建自己的(Custom Knockout bindings

+0

我不想使用图书馆。我想用自定义淘汰赛的结合执行,你可以请给我一个例子 –