मैं कोणीय और केंडो के साथ काम कर रहा हूं, मैं यहां कुछ मूल्य प्रदर्शित करने के लिए केंडो कम्बोबॉक्स का उपयोग करता हूं। जब कोई डेटा मेल नहीं खाता है, तो मैं पॉपअप को छिपाना चाहता हूं, लेकिन मैं ऐसा नहीं कर सकता। क्रिप्या मेरि सहायता करे।

0
Traly 23 पद 2020, 11:40

1 उत्तर

सबसे बढ़िया उत्तर

आपको फ़िल्टर फ़ंक्शन में [combobox.toggle()][1] का उपयोग करना होगा जब data.length शून्य हो और combobox.isOpen गलत हो

टेम्पलेट

 <div class="example-wrapper">
          <kendo-combobox
            #combo
              [data]="data"
              [textField]="'text'"
              [valueField]="'value'"
              [filterable]="true"
              (filterChange)="handleFilter($event)"
              [placeholder]="'T-shirt size'"
          >
          <ng-template kendoComboBoxNoDataTemplate>
            No data found!
          </ng-template>
          </kendo-combobox>
      </div>

घटक

export class AppComponent {
  @ViewChild('combo') combo:ComboBoxComponent

    public source: Array<{ text: string, value: number }> = [
        { text: 'Small', value: 1 },
        { text: 'Medium', value: 2 },
        { text: 'Large', value: 3 }
    ];

    public data: Array<{ text: string, value: number }>;

    constructor() {
        this.data = this.source.slice();
    }

    handleFilter(value) {
        this.data = this.source.filter((s) => s.text.toLowerCase().indexOf(value.toLowerCase()) !== -1);

      if(this.data.length == 0 && this.combo.isOpen){
    this.combo.toggle()
  }
    }
}

यह पूरा उदाहरण है

1
hanan 23 पद 2020, 12:10