【问题标题】:access event click of button inside of kendo window访问剑道窗口内按钮的点击事件
【发布时间】:2013-01-31 20:38:27
【问题描述】:

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

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();
}

【问题讨论】:

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


    【解决方案1】:

    你可以使用:

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

    【讨论】:

    • 我已经尝试过类似 '$("#SMSwindow").data().kendoWindow.bind('refresh', function (e) { $("#btnsend").点击(function() { alert($("#txtsubject").value());}); });哪个根本不起作用?当我点击按钮时,我什么也没有得到?
    • 是的,我确实尝试过并放置了一个 alert()。它从未发射过?
    • 在阅读了这里的一些其他帖子和对剑道模板的回答之后,尤其是 OnaBai,我终于能够弄清楚这一点。我必须在传递数据项后插入代码。 NumoCarmo 是正确的,或者至少为我指明了正确的方向。我只需要弄清楚在哪里插入语句,还可以使用 kendowindo.element 添加其他函数。谢谢奥纳拜!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多