如何将数据从JavaScript传递到ASP MVC CSHTML文件中定义的Kendo窗口?

时间:2018-06-28 17:40:13

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

我有一个在cshtml文件中定义的kendo窗口,并通过javascript从客户端打开。该窗口旨在显示在javascript中进行的验证检查产生的错误消息。有没有办法将字符串从javascript传递到窗口?

这是cshtml文件中的窗口定义:

@(Html.Kendo().Window()
        .Name("ErrorWindow")
        .Title("INVALID")
        .Content(@<text>
            <div class="metro" style="height:136px; padding-left:30px; padding-top:20px">
                <div style="padding:0px 20px 3px 0">
                    <div>
                        <p id="ErrorInfo">

                        </p>
                    </div>
                </div>
                <p style="padding-top:20px; padding-left:0px; padding-bottom:20px">
                    @(Html.Kendo().Button()
                            .Name("closeErrWndButton")
                            .HtmlAttributes(new { type = "button", @class = "k-primary", @style = "min-width:90px" })
                            .Tag("span")
                            .Content("OK")
                            .Events(ev => ev.Click("CloseErrorWindow"))
                    )
                </p>
            </div>
        </text>)
                .Modal(true)
                .Resizable()
                .Width(560)
                .Visible(false)
)

这是在javascript中打开的方式:

var wnd = $("#ErrorWindow").data("kendoWindow");
wnd.center().open();

如果可能的话,我希望完全在客户端执行此操作。没有ajax电话。

1 个答案:

答案 0 :(得分:1)

听起来您想举起一个“以剑道为主题的”消息对话框供用户细读。

考虑使用Kendo UI Dialog component。例子说明了

  

说明
  Kendo UI对话框是一个模式弹出窗口,可为用户带来信息。它还通过操作按钮提供操作,以提示用户输入或要求作出决定。该组件还可以包含需要用户关注的更复杂的UI元素。 Dialog小部件是Kendo UI Window小部件的一个子集,其中最突出的区别是增加了操作功能。

该示例显示使用现有的div作为对话框的基础。但是,您可以使用更复杂的方法,该方法可以在单个闭包函数中动态创建,附加和销毁对话框基础。