Hi Telerik,
Can I set default Sort and Paging in FileManager?
I was try with code but It's not working:
<!DOCTYPE html>
<
html
>
<
head
>
<
base
href
=
"https://demos.telerik.com/kendo-ui/filemanager/index"
>
<
style
>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</
style
>
<
title
></
title
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.default-v2.min.css"
/>
<
script
src
=
"https://code.jquery.com/jquery-1.12.3.min.js"
></
script
>
<
script
src
=
"https://kendo.cdn.telerik.com/2020.2.513/js/kendo.all.min.js"
></
script
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.common.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.rtl.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.default.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2020.2.513/styles/kendo.mobile.all.min.css"
>
<
script
src
=
"https://kendo.cdn.telerik.com/2020.2.513/js/angular.min.js"
></
script
>
<
script
src
=
"https://kendo.cdn.telerik.com/2020.2.513/js/jszip.min.js"
></
script
>
</
head
>
<
body
>
<
div
id
=
"example"
>
<
div
id
=
"filemanager"
></
div
>
<
script
>
$("#filemanager").kendoFileManager({
initialView: 'grid',
views: {
grid: {
// kendoGrid options
pageable: {
pageSize: 2
}
}
},
dataSource: {
schema: kendo.data.schemas.filemanager,
sort: {
field: 'createdUtc',
dir: 'desc'
}, // => not working
transport: {
read: {
url: "/kendo-ui/service/FileManager/Read",
method: "POST"
},
create: {
url: "/kendo-ui/service/FileManager/Create",
method: "POST"
},
update: {
url: "/kendo-ui/service/FileManager/Update",
method: "POST"
},
destroy: {
url: "/kendo-ui/service/FileManager/Destroy",
method: "POST"
}
},
pageSize: 2,
//serverPaging: true,
},
uploadUrl: "/kendo-ui/service/FileManager/Upload",
toolbar: {
items: [{
name: "createFolder"
},
{
name: "upload"
},
//{ name: "sortDirection" },
//{ name: "sortField" },
{
name: "changeView"
},
{
name: "spacer"
},
{
name: "details"
},
{
name: "search"
}
]
},
contextMenu: {
items: [{
name: "rename"
},
{
name: "delete"
}
]
},
draggable: true,
resizable: true
});
$(document).ready(function () {
var filemanager = $("#filemanager").getKendoFileManager();
filemanager.executeCommand({
command: "TogglePaneCommand",
options: {
type: "preview"
}
});
filemanager.toolbar.fileManagerDetailsToggle.switchInstance.toggle();
})
</
script
>
</
div
>
</
body
>
</
html
>