如何在 Dropzone.js 和 jsGrid 中只上传和显示一个文件？

Question

我有一个Dropzone 控件和一个jsGrid 控件。被拖到 Dropzone 的文件显示在 jsGrid 中。我只想上传一个文件，之后，应该没有上传文件的选项。现在可以通过以下方法解决。

每次在 jsGrid 上触发 change 事件时，都不会。计算 jsGrid 中的行数。如果计数为 0，则启用 Dropzone，如果计数为 1，则禁用 Dropzone。我似乎找不到计数编号的代码。 jsGrid 中的行数。请帮我写代码。

另外，如果有其他解决方法，请告诉我。

这是我的表单截图：

提前致谢。

Answer 1

我已经通过使用 CSS 禁用 Dropzone 控件解决了这个问题。

.maxFilesReached {
        pointer-events: none;
        cursor: default;
        background-color: #ffd9d8
}

这个 CSS 类在成功时被添加到 jsGrid loadData 事件中。

loadData: function (filter) {
                return $.ajax({
                    type: "POST",
                    url: "/Downloads/GetDownloadItems/" + DownloadId,
                    data: filter,
                    dataType: "json"
                }).done(function (response) {
                    debugger;
                    if (response.length == 1) { // disabling Dropzone control
                        $("#dropzoneForm").addClass('maxFilesReached');
                    }
                });
            }

同样，CSS 类在 jsGrid 的 deleteItem 事件时被移除。

deleteItem: function (item) {
                    return $.ajax({
                        type: "POST",
                        url: "/Downloads/DDownloadItem/" + item.Id,
                        dataType: "json"
                    }).done(function () {
                        // enabling Dropzone control
                        $("#dropzoneForm").removeClass('maxFilesReached');
                    });
                }

我还使用了 Dropzone 的 maxFiles 属性来防止多次上传。

附： jsGrid 有点乱。