当从输入框中删除最后一个字符时，事件未在剑道网格和角度 5 中触发？

Posted 2023-05-07

【中文标题】当从输入框中删除最后一个字符时，事件未在剑道网格和角度 5 中触发？

【英文标题】：when last character deleting from input box, event is not firing in kendo grid and angular 5?

【发布时间】：2018-11-04 09:01:55

【问题描述】：

我将多重过滤器应用于剑道网格，我的应用程序以 Angular 5 开发，这里的问题是，当从输入框中删除最后一个字符时，时间事件没有触发。如何解决这个问题。

例如，如果我在输入框'alen'中输入一些东西，dataStateChange函数每次都会，同样的事情在删除'alen'最后三个之后删除那个时间函数但第一个字符删除或删除它不会调用（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" >
        </kendo-grid-column>
        <kendo-grid-column field="ProductName" title="Product Name">
        </kendo-grid-column>
        <kendo-grid-column field="UnitPrice" title="Unit Price" >
        </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】：

将[filter]="state.filter" 添加到kendo-grid 选择器。 我遇到了同样的问题，当我执行上述操作时它得到了解决。