在syncfusion中禁用拖放文件上传

Question

当文件夹为空时，无论如何禁用拖放功能。我正在使用 syncfusion 文件管理器和 react js 只是为了从节点服务器浏览文件夹和文件。 我在 react 组件的 return 中编写了以下代码：

<div className='control-section'>
        <FileManagerComponent
          id='file'
          view='LargeIcons'
          enablePersistence={true}
          ajaxSettings={{
            async: true,
            url: hostUrl,
            downloadUrl: hostUrl + '/Download',
            getImageUrl: hostUrl + '/GetImage',
          }}
          detailsViewSettings={{
            columns: [
              {
                field: 'name',
                headerText: 'File Name',
                minWidth: 120,
                width: 'auto',
                customAttributes: { class: 'e-fe-grid-name' },
                template: '${name}',
              },
            ],
          }}
          contextMenuSettings={{
            visible: false,
          }}
          fileSelect={onFileSelect}
          success={onSuccess}
          failure={onFailure}
        >
          <Inject services={[DetailsView]} />
        </FileManagerComponent>
      </div>

Answer 1

您可以通过在文件管理器的成功事件中将uploadObj的dropArea属性设置为null来实现您的要求，如下面的代码sn-p所示，

    var len, drag;
export class Overview extends SampleBase {

 }
  created() {
    var file =document.getElementsByClassName('e-filemanager')[0].ej2_instances[0];
    drag = file.uploadObj.dropArea;   //to store the drop area element
  }

success(args) {
if (args.action == 'read' && args.result.files.length == 0) {
file.uploadObj.dropArea = null;  
} else {
file.uploadObj.dropArea = drag;
}
}

render() {
return (
  <div>
    <div className="control-section">
      <FileManagerComponent
        created={this.created}
        success={this.success}
      >
      </FileManagerComponent>
}

示例：https://stackblitz.com/edit/react-wqgwtz-2p8gp9

API 链接：https://ej2.syncfusion.com/react/documentation/api/uploader/#droparea