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

我有一个

Dropzone

控件和一个

jsGrid

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

每次在jsGrid上触发更改事件时，都会统计jsGrid中的行数。如果计数为0，Dropzone将启用；如果计数为1，Dropzone将禁用。我似乎找不到计算jsGrid中行数的代码。请帮我查一下密码

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

以下是我表格的截图：

---

提前感谢。

我已经通过使用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有点乱