在行按钮上单击生成事件并添加图标?如何

时间:2015-06-30 11:54:26

标签: javascript jquery asp.net kendo-grid kendo-mvvm

这是我的HTML代码:

     <div id="grdCurrencies"
             data-selectable="true"
             data-role="grid"
             data-pageable=" true"
             data-sortable=" true"
             data-columns='[
              { "field": "CurrencyCode", "width": 100 },
                { "field": "CurrencyName", "width": 100 }  ,
                 { field:"", template:"<i "class=" fa fa-trash-o grid-icon" data-bind="click: destroy"">del<"/"i>" , "width":40 }]'
             data-bind="source: dsProduct, events: {change: OnGridActiveRowChanged} "
             style=" height :500px;width:35%;">
        </div>

template字段:<a >del<a>中,我必须添加一个图标,并且还必须在链接中触发事件点击图标。我必须点击提供课程和活动名称。我该如何做到这一点?

1 个答案:

答案 0 :(得分:0)

在网格中添加data-template="mytemplate"属性,以下是模板的示例代码。这可能会成功

<script id="mytemplate" type="text/x-kendo-template">
    <tr>
        <td data-bind="text:CurrencyCode"></td>
        <td data-bind="text:CurrencyName"></td>
        <td class="text-center" width="13%">
            <i class="fa fa-trash-o" data-bind="click: removeRec"></i>
        </td>
    </tr>
</script>