访问事件单击kendo窗口内的按钮

时间:2013-01-31 20:38:27

标签: javascript asp.net-mvc-4 kendo-ui

我有一个来自kendo网格的命令按钮,用于启动一个kendo窗口。在kendo窗口里面,我有一个按钮,我想发布到控制器,从kendo窗口中的其他对象返回数据。我搜索并找到了已经完成它的人,但没有实际的完整示例代码。按钮位于我的剑道窗口中,它不是窗口顶部的“动作”按钮之一。谢谢!

CSHTML:

 @(Html.Kendo().Window().Name("SMSwindow")
            .Title("Send SMS")
            .Visible(false)
            .Modal(true)
            .Draggable(true)
            .Width(600)               
        )

的javascript:

 <script type="text/x-kendo-template" id="template">
<div id="sms-container" style="background-color: \\#f0f0f0; padding-left:10px">
    <h3>#= GroupName #<h3>
    <div>
        <input id="txtsub" style="font-size:12px" type="text" value="#= Subject #" />
    <div>
    <div style="padding: 5px 0px 0px 0px">
        <textarea id="txtbody" rows="10" cols="20" style="font-size:12px;" wrap="hard">#= Body #</textarea>
    <div>
    <div style="padding: 5px 0px 0px 0px">
        <input id="btnsend" style="font-size:14px" value="Send" type="submit" size="5" formmethod="post" />
    <div>
</div>

 <script type="text/javascript">
var smsTemplate = kendo.template($("#template").html());

function SendSMS(e) {
    e.preventDefault();

    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    var wnd = $("#SMSwindow").data("kendoWindow");

    wnd.content(smsTemplate(dataItem));
    wnd.center().open();
}

1 个答案:

答案 0 :(得分:3)

您可以使用:

$(document).on('click', 'SelectorForYourButton', function() {
    //Handle your event here.
});