单击链接后,kendo ui窗口不显示

时间:2017-07-21 23:54:47

标签: javascript html css angularjs kendo-ui

  • 我是angular 2和kendo ui的新手。
  • 我正在尝试使用kendo ui显示弹出窗口。 http://demos.telerik.com/kendo-ui/window/index
  • 当我点击公共链接时,我需要显示一个弹出窗口。
  • 当我点击链接时,我正在调用此函数documentsClicked。
  • 但在浏览器中我无法看到模态窗口。
  • 在控制台中我也没有看到任何错误。
  • 在下方提供相关代码...小提琴中的其他代码,因为没有空格将其粘贴到此处https://jsfiddle.net/9bwdk6xk/
  • 你能告诉我如何解决它......
 sports(): void{
    console.log("documentsClicked");

    var myWindow = $(".current");

    myWindow.kendoWindow({
            width: "600px",
            water: "About Alvar Aalto",
            visible: false,
            actions: [
                "Pin",
                "Minimize",
                "Maximize",
                "Close"
            ],
            close: onClose
        }).data("kendoWindow").center().open();
}

 <div class="waterPaperDocInfo">                    
                    <span class="fa fa-file-text-o"></span>
                    <span class="commonLink" (click)="sports();">&nbsp;{{hat.player}} age</span> | Last Modified: {{hat.swimming}} &nbsp;&nbsp;<span class="fa fa-clock-o">9:00 am</span>
            </div>

0 个答案:

没有答案