2017-07-10 94 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

我不想使用圖書館。我想用自定義淘汰賽的結合執行,你可以請給我一個例子 –