如何打开/关闭kendo对话框？

1 回答

• 4

  这里有一个简单的例子：http://plnkr.co/edit/Sm1T3rXkHNb04waFkkzG?p=preview

  只需使用简单的 ngIf 指令来控制窗口的打开/关闭状态 .

  import { Component } from '@angular/core';
  
  @Component({
      selector: 'my-app',
      template: `
      <button (click)="dialogOpen = true">Open Dialog</button>
          <p>Status: {{ status }}</p>
  
          <kendo-dialog title="Action required" (close)="onDecline()" *ngIf="dialogOpen">
              <p>Do you accept?</p>
  
              <kendo-dialog-actions>
                  <button kendoButton (click)="onAccept()">Yes</button>
                  <button kendoButton (click)="onDecline()">No</button>
              </kendo-dialog-actions>
          </kendo-dialog>
      `
  })
  export class AppComponent {
      public status = "not open";
      dialogOpen : boolean = false;
  
      public onAccept() { this.status = "accepted"; this.closeDialog(); }
      public onDecline() { this.status = "declined"; this.closeDialog(); }
  
      private closeDialog() {
        this.dialogOpen = false;
      }
  }
  

  回复于 2024-04-23T20:33:44+08:00