FileBrowser
configurationConfiguration for file browser dialog.
fileBrowser
Object<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
tools: [
"insertFile"
],
fileBrowser: {
transport: {
read: "https://demos.telerik.com/service/v2/core/FileBrowser/read",
destroy: {
url: "https://demos.telerik.com/service/v2/core/FileBrowser/Destroy",
type: "POST"
},
create: {
url: "https://demos.telerik.com/service/v2/core/FileBrowser/Create",
type: "POST"
},
uploadUrl: "https://demos.telerik.com/service/v2/core/FileBrowser/upload",
fileUrl: "https://demos.telerik.com/service/v2/core/FileBrowser/File?fileName={0}",
}
}
});
</script>fileBrowser.fileTypes
StringDefines the allowed file extensions.
Default: "*.*"
<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
tools: [
"insertFile"
],
fileBrowser: {
/* omitted for brevity */
fileTypes: "*.zip"
}
});
</script>fileBrowser.messages
ObjectDefines texts shown within the file browser.
<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
tools: ["createLink"],
fileBrowser: {
messages: {
uploadFile: "Upload File",
orderBy: "Sort by",
orderByName: "Name",
orderBySize: "Size"
}
}
});
</script>fileBrowser.path
StringDefines the initial folder to display, relative to the root.
Default: "/"
<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
tools: [
"insertFile"
],
fileBrowser: {
/* omitted for brevity */
path: "/uploads/"
}
});
</script>fileBrowser.schema
ObjectSet the object responsible for describing the file raw data format.
<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
tools: ["createLink"],
fileBrowser: {
transport: {
read: "/filebrowser/read"
},
schema: {
type: "json",
data: "data"
}
}
});
</script>fileBrowser.transport
ObjectSpecifies the settings for loading and saving data.
<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
tools: ["createLink"],
fileBrowser: {
transport: {
read: "/filebrowser/read",
uploadUrl: "/filebrowser/upload"
}
}
});
</script>Related Members
- fileBrowser.transport - Specifies the settings for loading and saving data.
- fileBrowser.transport.read - Options or URL for remote file retrieval.
- fileBrowser.transport.destroy - Options or URL which will handle the file and directory deletion. If not specified the delete button will not be present.
- fileBrowser.transport.create - Options or URL which will handle the directory creation. If not specified that create new folder button will not be present.
- fileBrowser.schema - Set the object responsible for describing the file raw data format.
- fileBrowser.schema.model - Set the object which describes the file/directory entry fields. Note that a name, type and size fields should be set.
- fileBrowser.schema.model.fields - Defines the field mappings for the file browser data model. This configuration specifies which fields in the server response contain the name, type, and size information for files and directories. The fields object allows you to map the server data structure to the expected properties that the file browser uses to display and manage files. Each field can be configured as either a string (field name) or an object with additional parsing options.
- fileBrowser.schema.model.fields.name - The field which contains the name of the file/directory
- fileBrowser.schema.model.fields.type - The field which contains the type of the entry. Either f for file or d for directory.
- fileBrowser.schema.model.fields.size - The field which contains the size of file.
- fileBrowser.messages - Defines texts shown within the file browser.