Javascript 剑道UI模板点击绑定

使用剑道模板，我试图创建一个绑定到ajax调用的按钮，目前我有一个非常简单的方法，我使用一个链接。我现在想做的是使被单击的元素的id在函数中可用

requestEnd: function(e) {
  var response = e.response;
  var type = e.type;

  var cardTemplate = kendo.template($("#cardTemplate").html());
  var data = response;

  var cardResult = cardTemplate(data);
  $("#panels").html(cardResult);

  kendo.bind($("#panels"), viewModel);

  $(".wf-card-operations").click(function() {
    var id = $(this).parent().find('.wf-card-id').attr('id');
    console.log("deleteProcessInstance " + id);
  });
}

目前我正在将事件绑定到requestEnd，我想做的是将id绑定到函数

deleteProcessInstance : function(e){
  console.log("deleteProcessInstance "+id); //How do I get the id?
}

模板

<script type="text/x-kendo-template" id="cardTemplate">
# for (var i = 0; i < data.length; i++)
{ #
    <li>
        <div class="k-block">
            <div class="wf-card-header">
                <span class="wf-card-name"> #= data[i].name # </span><br/>
            </div>

            <div class="wf-card-footer">
                <span id="#: data[i].id #" class="wf-card-id"> #= data[i].id # </span><br/>
            </div>
            <div class="wf-card-operations">
                <div class="wf-start" data-bind="click:startProcess">Start</div>
                <div class="wf-download">Download</div>
                <div class="wf-delete" data-bind="click:deleteProcessInstance ">Delete</div>
            </div>
        </div>
    </li>
# } #

#对于（变量i=0；i
#=数据[i]。名称#

#=数据[i].id#

开始
下载
删除

# } #

---

添加了模板代码，只需点击数据绑定，每张卡都有一个可启动、下载或删除的部分。。。我的问题是绑定函数中的id为什么不使用自定义数据attr，就像我希望能够使用data[I]一样，这三个方法中只有一个id，但是如果没有更好的方法，我可能会这样做。