Advertisement

PrimeNG p-Table 自定义偏移多选功能

阅读量：

PrimeNG p-Table 自定义shift多选功能

  • 1） 要求：
    • 2） 设计理念：
    • 3） 程序开发：

1）需求分析与定义

在数据列表中完成项目需求的实现方式包括：通过按住shift键并配合上下方向键完成多项选择操作，同时利用单独的上下方向键实现所选行的上下移动功能。

2） 思路：

通过keydown事件进行实现，对应的HTML代码如下：

复制代码 
    <p-table (keydown)="OnKeyDownHandler($event)"><p-table>

3） 代码实现：

键盘按下事件处理函数

复制代码 
    OnKeyDownHandler(event): void {
        // ↑
        if (event.keyCode === 38) {
            if (this.allowMultipleSelection) {
                this.onHandlerUpMove(event.shiftKey);
            } else {
                this.selectedHandlerUpMove(

全部评论 (0)

还没有任何评论哟~

相关文章推荐