私のアプリケーションは、角度5で開発された剣道グリッドにマルチフィルターを適用しました。ここでは、入力ボックスから最後の文字を削除すると、タイムイベントが発生しません。この問題をどのように修正できますか。
たとえば、入力ボックス「alen」に何かを入力すると、dataStateChange関数は毎回、「alen」を削除するのと同じことを最後に3回、その時間関数を削除しますが、最初の文字は削除または削除されません(dataStateChangefunction)。私のいずれか。
html
<kendo-grid
[data]="gridData"
[sortable]="{ mode: 'multiple' }"
[sort]="sort"
[filterable]="true"
(dataStateChange)="dataStateChange($event)"
[height]="500"
>
<kendo-grid-column field="ProductID" title="Product ID" width="120">
</kendo-grid-column>
<kendo-grid-column field="ProductName" title="Product Name">
</kendo-grid-column>
<kendo-grid-column field="UnitPrice" title="Unit Price" width="230">
</kendo-grid-column>
</kendo-grid>
</kendo-grid>
`
})
export class AppComponent {
private filter: string;
private sort: SortDescriptor[] = [];
private gridView: GridDataResult;
private products: any[] = [
{
"ProductID": 1,
"ProductName": "Chai",
"UnitPrice": 18.0000,
"Discontinued": false
},
{
"ProductID": 3,
"ProductName": "Chai",
"UnitPrice": 122.0000,
"Discontinued": true
}
,{
"ProductID": 2,
"ProductName": "Chang",
"UnitPrice": 19.0000,
"Discontinued": false
}];
constructor() {
this.loadProducts();
}
protected sortChange(sort: SortDescriptor[]): void {
this.sort = sort;
this.loadProducts();
}
public state:State={
logic: "and",
filters: [
{ field: "ProductID", operator: "contains", value:''},
{ field: "ProductName", operator: "contains", value:''},
{ field: "UnitPrice", operator: "contains", value:''}
]
}
public dataStateChange(State:DataStateChangeEvent):void{
this.state=State;
data: process(products, this.state),
}
private loadProducts(prods): void {
const products = prods || this.products;
this.gridData = {
data: process(products, this.state),
total: products.length
};
}
回答 1 件
関連記事
関連した質問
- Angular Karmaテスト:メソッドはクラスのプロパティを変更しませんか?
- 別のドキュメントからfirebaseドキュメント変数を参照する
- 値の代わりにngModelを通貨入力用のカスタムAngularディレクティブにバインドする
- インデックス付きのデフォルトの選択値を取得できません(角度のあるマテリアルマット-ボタン-トグル)
- ページネーションに関するAngularTable Call API
- Angularで「最適化」をオンにすると、PrimeNg要素のレンダリングで問題が発生するのはなぜですか?
- 配列内の各アイテムをフェッチする
- 二重引用符を使用したAngularAPI呼び出し
- フィルタ選択の更新されたカウントを取得するにはどうすればよいですか?
- 選択した場所の値の代わりに各チェックボックスの値を表示する方法
[filter] = "state.filter"をkendo-gridセレクターに追加します。 私は同じ問題に直面していましたが、上記を実行したときに解決しました。