AngularKendoGrid的日期选择器在行内编辑时会立即关闭
创始人
2024-10-27 20:01:21
0

问题的原因在于在行内编辑时,日期选择器没有足够的时间来接收输入。要解决这个问题,可以添加一些代码以确保日期选择器仍可用于编辑。以下是一个基本示例:

  1. 在Grid组件中添加一个edit事件处理程序:

    

  1. 在组件类中添加一个onEdit()方法,以遍历行编辑器并重新绑定日期选择器:
import { Component } from '@angular/core';
import { GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';
import { process, State } from '@progress/kendo-data-query';

@Component({
    selector: 'my-app',
    template: `
        
            
        
    `
})
export class AppComponent {
    public gridData: GridDataResult;

    public onEdit({ sender, rowIndex }: any): void {
        setTimeout(() => {
            const inputs = document.querySelectorAll('.k-grid-edit-row input[type=date]');

            inputs.forEach(input => {
                input.addEventListener('click', e => {
                    e.preventDefault();
                    e.stopPropagation();
                });
            });
        });
    }

    // grid data methods ...
}

在onEdit()方法中,我们使用setTimeout()方法来确保页面有足够时间加载,然后选择所有日期输入框并绑定一个“click”事件以防止选择器关闭。此解决方案也可适用于其他类型的弹出窗口,例如选择器和下拉框。

相关内容

热门资讯

透视挂!WePoKe外挂,we... 透视挂!WePoKe外挂,wepower有辅助软件吗,一贯真的有挂(详细辅助黑科技教程)亲,关键说明...
透视好牌!德州ai辅助有用,德... 透视好牌!德州ai辅助有用,德州之星app有外挂吗,都是有挂(详细辅助科技教程);1、不需要AI权限...
透视辅助!wepoke辅助有挂... 透视辅助!wepoke辅助有挂,pokermaster是不是有外挂,确实有挂(详细辅助解密教程)1、...
透视模拟器!德州之星辅助,wp... 透视模拟器!德州之星辅助,wpk辅助器小程序,确实有挂(详细辅助透视教程)1、德州之星辅助系统规律教...
透视私人局!微扑克ai辅助器苹... 透视私人局!微扑克ai辅助器苹果版,wpk发牌机制,本来是有挂(详细辅助技巧教程)1、微扑克ai辅助...
透视软件!aapoker有挂,... 透视软件!aapoker有挂,aapoker辅助工具存在吗,竟然真的是有挂(详细辅助软件教程)1、a...
辅助透视!德州ai机器人,wp... 辅助透视!德州ai机器人,wpk怎么提高胜率,确实是真的有挂(详细辅助必赢教程)1、德州ai机器人透...
透视好牌!WPK透视辅助,菠萝... 透视好牌!WPK透视辅助,菠萝德州偷偷看功能,好像有挂(详细辅助靠谱教程)1、在WPK透视辅助ai机...
透视软件!wpk有透视辅助,来... 透视软件!wpk有透视辅助,来玩德州有外挂吗,本来是有挂(详细辅助力荐教程)1、wpk有透视辅助系统...
透视智能ai!德州ai人工智能... 透视智能ai!德州ai人工智能,gg扑克有问题吗,真是真的有挂(详细辅助介绍教程)1、德州ai人工智...