These are chat archives for AngularClass/angular2-webpack-starter

22nd
Jul 2017
texirv0203
@texirv0203
Jul 22 2017 00:01
  • i am new to angular 2 and kendo ui.
  • i am trying to display the pop up using the kendo ui. http://demos.telerik.com/kendo-ui/window/index
  • when i click the common link I need to show a pop up.
  • when i click the link I am calling this function documentsClicked.
  • but in the browser I am not able to see the modal window.
  • in the console also I dont see any errors.
  • providing related code below...other code in the fiddle since no space to paste it here https://jsfiddle.net/9bwdk6xk/
  • can you tell me how to fix it...
 documentsClicked(): void{
    console.log("documentsClicked");

    var myWindow = $(".commonLink");

    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)="documentsClicked();">&nbsp;{{hat.docsCount}} Documents</span> | Last Modified: {{hat.dateUpdate}} &nbsp;&nbsp;<span class="fa fa-clock-o">9:00 am</span>
            </div>
texirv0203
@texirv0203
Jul 22 2017 15:21
  <span class="commonLink" (click)="documentsClicked();">&nbsp;{{hat.docsCount}} Documents</span> | Last Modified: {{hat.dateUpdate}} &nbsp;&nbsp;<span class="fa fa-clock-o">9:00 am</span>
            </div>

            <div id="win1" style="display:none">
                <p>First Window</p>
                <button type="button" id="open2">Open second Window</button>
                    <input type="file" name="batchFile" id="batchFile" title="Select file" />

            </div>


documentsClicked(): void{
    console.log("documentsClicked");

    //var myWindow = $(".commonLink");

    //myWindow.kendoWindow({
    //var myWindow = $(".commonLink");
            //myWindow.kendoWindow({

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