DevExtreme File Manager（文件管理器）小部件現在支持自定義內置的工具欄和上下文菜單，用戶可以使用標準和定義的命令項填充項目集合，并配置設置來更改其外觀和操作。

DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序，該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。

DevExtreme v22.2正式版下載

DevExpress技術交流群8：523159565      歡迎一起進群討論

標準項目

標準工具欄和上下文菜單項支持基本的文件和文件夾操作，如復制、刪除和重命名、下載等。這些命令項是開箱即用的，不需要額外的代碼，選項和 的文檔頁面包含可用標準命令名的完整列表。

用戶可以更改標準項的可視化設置，包括text， icon和cssClass。

toolbar: {
items: [
{
name : "create" ,
icon : "plus",
text : "Add"
},
...

自定義項目

自定義項允許用戶將自己的功能綁定到上下文菜單和工具欄中的UI元素，對于上下文菜單項，用戶可以使用onClick事件來附加自己的處理程序：

contextMenu: {
items: [
{
text: "Share",
onClick: customOnClickHandler
},
...

工具欄項還支持小部件選擇，如果指定了一個小部件，則應該使用選項設置將參數傳遞給小部件本身，包括事件處理程序。

toolbar: {
items: [
{
widget: "dxButton",
options: {
text: "Share",
onClick: customOnClickHandler
}
},
...

工具欄項可見性

文件管理器有一個內置的系統來區分通用工具欄項和那些只適用于選定文件的工具欄項，項目集合包括那些應該在任何時候都可見的命令項，而集合中的項僅在用戶選擇了一個或多個文件或文件夾時才顯示。

標準項的可見性還由內部邏輯控制，例如重命名項僅在選擇文件時出現，即使將其包含在項集合中也是如此。如果用戶希望項目在任何時候都是可見的，可以顯式地設置可見屬性。

items: [
{
name : "rename",
visible : true,
},
...

分層上下文菜單

文件管理器現在支持帶有子菜單的分層上下文菜單，請注意，為了簡潔起見，下面的示例只顯示了標準命令項，但是自定義項也可以包含在層次結構中的任何位置。

contextMenu: {
items: [
{
text: "Editing",
items: [
"delete",
"rename"
]
}
}