Html.Kendo().Button()为ClientTemplate中的onClick事件添加参数



在TelerikAsp.Net Core MVC中,我可以用以下(在ClientTemplate中(调用具有多个参数的javascript函数

<script type="text/x-kendo-tmpl" id="mgTemplate">
<div class="flex-container">
<a href='' onclick='myFunc(event, 5, 4, "3")'>test</a>
</div>
</script>

<script>
function myFunc(ev, id1, id2, id3) {
ev.preventDefault();
console.log(id1 + ' ' + id2 + ' ' + id3);
}
</script>

除了使用Html.Kendo((.Button((控件之外,我如何做完全相同的事情?例如,下面只调用了没有参数的OnClick,但我不知道如何配置Events来传递带有事件的参数?

<script type="text/x-kendo-tmpl" id="mgTemplate">
<div class="flex-container">
#if(itemDisplay != "")
{#
@(Html.Kendo().Button()
.Name("1#=itemDisplay#")
.HtmlAttributes(new { @class = "k-flat" })
.Content("#=itemDisplay#")
.Events(ev => ev.Click("onClick"))
.ToClientTemplate()
)
#}#
</div>

您可以处理按钮的点击事件,并在其中使用JavaScript闭包:

function onClick(ev){
ev.preventDefault();  
function (ev, id1, id2, id3) {
console.log(id1 + ' ' + id2 + ' ' + id3);
}
}

相关内容

  • 没有找到相关文章

最新更新