在Kendo-Template中通过脚本显示警报消息中的值

时间:2014-04-10 14:02:21

标签: javascript jquery kendo-ui

我正在使用Kendo UI网格。我希望它在每一行都有删除,更新按钮。关于更新按钮,想使用脚本调用小窗口页。但现在我想发送我希望它在alert()中显示的数据ID的值。但是当我点击它不起作用。它没有显示任何东西。只有链接改变了......我是怎么做到的?

<script>      
$(document).ready(function () {
        $("#edit").click(function (e) {

            alert("show ID of clicked rows");
        });
});</script>
<script id="rowTemplate" type="text/x-kendo-tmpl">
    <tr>
        <td id="id"  width= "34px">
            #= aid #
        </td>
        <td  width= "84px">
            #= aname #
        </td>
        <td width= "84px">
            <a id="edit" href="//#">@Resources.edit</a>  |
            <a href="Delete/#=aid#">@(Resources.delete)</a>
        </td>
    </tr> </script>

1 个答案:

答案 0 :(得分:0)

你使用这个“rowTemplate”多少次了?我想不止一个,对吗?你如何在第二个id中设置和td是常数? HTML id必须是唯一的。

尝试将其更改为CSS类:

<script>      
$(document).ready(function () {
    $(".edit").click(function (e) {
        alert("show ID of clicked rows");
    });
});
</script>

<script id="rowTemplate" type="text/x-kendo-tmpl">
    <tr>
        <td width="34px">
            #= aid #
        </td>
        <td width= "84px">
            #= aname #
        </td>
        <td width= "84px">
            <a class="edit" href="//#">@Resources.edit</a>  |
            <a href="Delete/#=aid#">@(Resources.delete)</a>
        </td>
    </tr>
</script>