翻譯|行業(yè)資訊|編輯:龔雪|2023-05-23 09:45:31.887|閱讀 105 次
概述:本文介紹如何使用DevExtreme文件管理器小部件自定義工具欄和上下文菜單,歡迎下載工具體驗~
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
DevExtreme File Manager(文件管理器)小部件現(xiàn)在支持自定義內(nèi)置的工具欄和上下文菜單,用戶可以使用標(biāo)準(zhǔn)和定義的命令項填充項目集合,并配置設(shè)置來更改其外觀和操作。
DevExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現(xiàn)代Web開發(fā)堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構(gòu)建交互式的Web應(yīng)用程序,該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等。
DevExpress技術(shù)交流群8:523159565 歡迎一起進(jìn)群討論
標(biāo)準(zhǔn)工具欄和上下文菜單項支持基本的文件和文件夾操作,如復(fù)制、刪除和重命名、下載等。這些命令項是開箱即用的,不需要額外的代碼,選項和 的文檔頁面包含可用標(biāo)準(zhǔn)命令名的完整列表。
用戶可以更改標(biāo)準(zhǔn)項的可視化設(shè)置,包括text, icon和cssClass。
toolbar: { items: [ { name : "create" , icon : "plus", text : "Add" }, ...
自定義項允許用戶將自己的功能綁定到上下文菜單和工具欄中的UI元素,對于上下文菜單項,用戶可以使用onClick事件來附加自己的處理程序:
contextMenu: { items: [ { text: "Share", onClick: customOnClickHandler }, ...
工具欄項還支持小部件選擇,如果指定了一個小部件,則應(yīng)該使用選項設(shè)置將參數(shù)傳遞給小部件本身,包括事件處理程序。
toolbar: { items: [ { widget: "dxButton", options: { text: "Share", onClick: customOnClickHandler } }, ...
文件管理器有一個內(nèi)置的系統(tǒng)來區(qū)分通用工具欄項和那些只適用于選定文件的工具欄項,項目集合包括那些應(yīng)該在任何時候都可見的命令項,而集合中的項僅在用戶選擇了一個或多個文件或文件夾時才顯示。
標(biāo)準(zhǔn)項的可見性還由內(nèi)部邏輯控制,例如重命名項僅在選擇文件時出現(xiàn),即使將其包含在項集合中也是如此。如果用戶希望項目在任何時候都是可見的,可以顯式地設(shè)置可見屬性。
items: [ { name : "rename", visible : true, }, ...
文件管理器現(xiàn)在支持帶有子菜單的分層上下文菜單,請注意,為了簡潔起見,下面的示例只顯示了標(biāo)準(zhǔn)命令項,但是自定義項也可以包含在層次結(jié)構(gòu)中的任何位置。
contextMenu: { items: [ { text: "Editing", items: [ "delete", "rename" ] } }
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都網(wǎng)