Hi Daniel Colunga,
Most Welcome.
We have checked another reported query that how to dynamically update the path of file manager component. Using Path API property, you can dynamically change the path of the file manager component.
For your requirement, we have prepared a sample. In that sample, we can get the folder name from the textbox component during button click. After that, check the folder name is exist in the root folder, if doesn’t exist then create a folder in root path by using createFolder() method in file manager component.
Refer the below code snippet for create a folder and navigate to new folder path.
|
onSubmit() {
var value = this.textbox.value;
var treedata = this.filemangerInstance.navigationpaneModule.treeObj.treeData
for (var i = 0; i < treedata.length; i++) {
// Checking the folder already exist or not.
if (treedata[i].name == value) {
this.count++
}
}
if (this.count == 0) {
// Replace the path to the root path
this.filemangerInstance.path = "/";
this.filemangerInstance.dataBind();
// Create a new folder if folder doesn't exist
this.filemangerInstance.createFolder(value);
setTimeout(() => {
// Navigate the path to the newly created folder
this.filemangerInstance.path = "/" + value;
this.filemangerInstance.dataBind();
}, 500)
}
this.count = 0;
} |
Please let us know, if you have any concerns.
Regards,
Ashokkumar B.
