PrimeFaces：实现Excel表格粘贴至含InputNumber的DataTable

针对你遇到的粘贴格式混乱、验证失效、悬停值重置等问题，以下是适配PrimeFaces组件特性的JavaScript解决方案，可实现Excel结构化粘贴、数字验证、自动跳格、边界值忽略等需求：

// 绑定粘贴事件到dataTable内的所有p:inputNumber输入框，替换#monthTable为你的dataTable实际ID
$(document).on('paste', '#monthTable input.ui-inputnumber-input', function(e) {
    e.preventDefault();
    
    // 获取剪贴板文本
    const pasteContent = (e.originalEvent || e).clipboardData.getData('text');
    if (!pasteContent) return;

    // 解析Excel格式：换行分割行，制表符分割列，过滤空行
    const rows = pasteContent.split(/\r?\n/).filter(row => row.trim());
    const parsedCells = rows.map(row => row.split('\t').map(cell => cell.trim()));

    // 定位粘贴起始位置的行和列索引
    const $currentInput = $(this);
    const $startRow = $currentInput.closest('tr.ui-datatable-data-row');
    const startRowIdx = $startRow.index();
    const startColIdx = $currentInput.closest('td').index();

    // 获取表格的所有数据行和总列数
    const $dataRows = $('#monthTable .ui-datatable-data tr.ui-datatable-data-row');
    const totalCols = $dataRows.first().find('td').length;

    let currentRowIdx = startRowIdx;
    let currentColIdx = startColIdx;

    // 遍历解析后的粘贴数据，逐单元格填充
    parsedCells.forEach(rowData => {
        if (currentRowIdx >= $dataRows.length) return; // 超出表格行数，停止处理
        
        rowData.forEach(cellValue => {
            if (currentColIdx >= totalCols) return; // 超出表格列数，跳过当前单元格
            
            // 过滤非数字内容（保留小数点，如需支持负数可添加'-'）
            const cleanValue = cellValue.replace(/[^0-9.]/g, '');
            if (!cleanValue) {
                currentColIdx++;
                return;
            }

            // 定位目标单元格的p:inputNumber组件
            const $targetTd = $($dataRows[currentRowIdx]).find('td').eq(currentColIdx);
            const $targetInput = $targetTd.find('input.ui-inputnumber-input');
            if (!$targetInput.length) {
                currentColIdx++;
                return;
            }

            // 通过PrimeFaces组件实例设置值，自动处理货币格式和验证
            const inputWidget = PF($targetInput.data('widgetvar'));
            if (inputWidget) {
                inputWidget.setValue(parseFloat(cleanValue));
                // 触发change事件同步后台模型，解决鼠标悬停值重置问题
                $targetInput.trigger('change');
            }

            // 自动切换到下一个输入框
            currentColIdx++;
            if (currentColIdx >= totalCols) {
                currentColIdx = 0;
                currentRowIdx++;
            }
        });

        // 换行后切换到下一行的起始列
        currentRowIdx++;
        currentColIdx = startColIdx;
    });
});

关键功能说明 #

1. 结构化解析Excel内容：按Excel默认的制表符（列分隔）、换行（行分隔）规则拆分粘贴文本，过滤无效空行。
2. 严格数字验证：通过正则过滤所有非数字/小数点内容，确保仅填充有效数值。
3. 适配p:inputNumber组件：使用PrimeFaces官方组件API设置值，自动保留欧元符号格式；触发change事件同步后台模型，彻底解决悬停值重置问题。
4. 自动跳格逻辑：填充当前单元格后自动聚焦到下一列，行尾自动切换到下一行起始列，模拟键盘输入体验。
5. 边界值忽略：粘贴内容超出表格行列数时，自动截断多余部分，避免越界错误。

使用注意事项 #

• 确保你的p:inputNumber组件已设置widgetVar属性（如<p:inputNumber widgetVar="inputNum_#{rowIndex}_#{colIndex}" ... />），保证每个组件实例可被唯一获取。
• 替换代码中的#monthTable为你的p:dataTable实际ID。
• 如需支持负数输入，可将正则表达式修改为/[^0-9.-]/g。

内容的提问来源于stack exchange，提问作者Hypernia