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”事件以防止选择器关闭。此解决方案也可适用于其他类型的弹出窗口,例如选择器和下拉框。

相关内容

热门资讯

透视透视挂!aapoker万能... 透视透视挂!aapoker万能辅助器(透视)透视脚本(一直是有挂);1、实时aapoker万能辅助器...
透视代打!aapoker透视怎... 透视代打!aapoker透视怎么用(透视)透视软件(好像存在有挂)1、下载好aapoker透视怎么用...
透视总结!aapoker怎么设... 透视总结!aapoker怎么设置抽水(透视)透视插件(总是真的有挂)1、实时aapoker怎么设置抽...
透视好友房!aapoker怎么... 透视好友房!aapoker怎么控制牌(透视)脚本(一直存在有挂);1、打开软件启动之后找到中间准星的...
透视辅助!aapoker透视插... 透视辅助!aapoker透视插件(透视)透视脚本下载(果然有挂)1)aapoker透视插件辅助挂:进...
透视线上!aapoker真的假... 透视线上!aapoker真的假的(透视)脚本(本来有挂)小薇(透视辅助)致您一封信;亲爱aapoke...
透视脚本!aapoker插件(... 透视脚本!aapoker插件(透视)插件(一贯存在有挂)所有人都在同一条线上,像星星一样排成一排,每...
透视有挂!aapoker脚本怎... 透视有挂!aapoker脚本怎么用(透视)透视软件(竟然真的有挂)1、实时aapoker脚本怎么用开...
透视插件!aapoker怎么设... 透视插件!aapoker怎么设置提高好牌几率(透视)辅助(果然是有挂)1、构建自己的aapoker怎...
透视脚本!aapoker怎么选... 透视脚本!aapoker怎么选牌(透视)透视方法(本来存在有挂)1、aapoker怎么选牌系统规律教...