如何在 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 class 在成功时添加到 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 class 在 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属性来防止多次上传。

PS jsGrid 有点乱。