添加将 Excel 数据粘贴到 Django 表单中的功能

我目前有一个 Django 表单，它有 N 行 x 12 列的表格形状的文本框。用户可以一次填充此表单一个文本框：

[________][________][________][________][________][________][________][________][________][________][________][________][________][________][________][________][________ ][________][________][________][________][________][________][________][________][________][________]

注意：该表仅显示 9 列，但我使用的实际表格是 12 列。

我想添加用户复制 Excel 中的一系列单元格并将其粘贴到表单中以填充相应单元格的功能。

我尝试模仿我已成功创建的方法的语法，该方法能够在单击表单上的清除按钮后清除所有数据字段：

$(document).on("click", "#clear_button", function() {
    $("input[type=text]").val("");
});

来自 Excel 的单行数据是用制表符分隔的，据我所知，这大约是：

$(document).on("paste", "input[type=text]", function(){
    var input_id = $(this).attr("id");
    var value = $(this).val();
    var value_split_array = value.split("\t");
    var row_selected = input_id.match(/([-\w]+)_\d+/)[1];
    var num = parseInt(input_id.match(/[-\w]+_(\d+)/)[1], 10);
    for (i=num; i < value_split_array.length-1 || i < 12; i++) {
        $("[id="+row_selected+"_"+i+"]").val(value_split_array[i-num]);
    }
});

我以为这会起作用，但不幸的是它没有。想知道是否有人有任何建议。

粘贴事件在数据粘贴到输入字段之前触发，因此您无法使用以下命令获取粘贴的文本$(this).val()。您需要访问事件对象的 ClipboardData 属性。

由于 jQuery 的事件对象中不包含 ClipboardData，因此您需要从 OriginalEvent 字段中获取它。

您的事件处理程序将如下所示。

function (event) {
    var input_id = $(this).attr("id");
    var value;
    if (event.originalEvent.clipboardData) { // Firefox, Chrome, etc.
        value = event.originalEvent.clipboardData.getData('text/plain');
    } else if (window.clipboardData) { // IE
        value = window.clipboardData.getData("Text")
    } else {
        // clipboard is not available in this browser
        return;
    }
    /* ... */
    event.preventDefault(); // prevent the original paste
}

为了更加稳健，您应该在继续之前查询 ClipboardData 以确保它具有文本/纯文本表示形式。

在IE中，它好像 http://msdn.microsoft.com/en-us/library/ie/ms535220%28v=vs.85%29.aspx这就是读取剪贴板的方式。

var value = window.clipboardData.getData("Text");