DevExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現代Web開發堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構建交互式的Web應用程序。從Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和響應式UI小部件集合,可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。
DevExtreme JavaScript Controls v19.2全新面世,此版本增強圖表控件、文件管理器功能等,歡迎下載最新版體驗!
點擊“瞭解更多”獲取DevExpress DevExtreme v19.2正式版下載
Diagram (CTP)
形狀中的圖像
現在您可以通過數據庫或窗口小部件的UI將預定義(或自定義)圖像與新圖像形狀相關聯,當移動或調整形狀時,圖像將保持形狀的大小及其位置。
形狀容器
新的形狀類型——水平和垂直容器,允許您在"container"中組合其他形狀,Web Diagram組件支持堆疊的容器,並帶有擴展和摺疊功能。
新的數據綁定功能
在v19.2中提供了用於形狀設置的高級數據綁定選項,您可以將所有形狀屬性(包括形狀和連接器樣式、形狀圖像URL、位置和大小)綁定到數據庫。
全屏模式
Diagram控件現在支持全屏模式,您可以添加相應的工具欄命令,也可以使用 'fullscreen'屬性在Web應用程序中啟用全屏模式。
只讀模式
只讀模式可保護圖表免於編輯操作,使用'readOnly'屬性啟用此圖表選項。
Simple View
當您激活Simple View模式時,Web Diagram將刪除灰色的文檔邊框,並且其內容會完全佔用可用的屏幕空間。
縮放
在此版本中,最終用戶可以根據需要縮放圖表。若要更改縮放級別,請使用Properties面板上的'Zoom Level'編輯器或CTRL +鼠標滾輪組合,選擇'Auto Zoom' 複選框來使該圖適配頁面。
用戶界面自定義
新API使您可以切換可見性並指定以下UI元素的內容:
- Context Menu (contextMenu),
- Properties Panel (propertiesPanel),
- Toolbar (toolbar)
- Toolbox (toolbox)
File Manager (CTP)
新的進度和狀態用戶界面
v19.2引入以下UI元素來顯示文件操作的進度和狀態:
- 彈出通知消息
- 增強'Refresh'工具欄項目
- 操作進度側面板
集成Splitter
內置的Splitter控件使您可以調整文件管理器的導航面板大小。
增強文件驗證
v19.2增強了文件管理器的驗證功能,現在您可以使用新的allowedFileExtensions選項指定允許的文件擴展名,新的upload.maxFileSize選項允許您指定最大文件大小(允許的最大大小)。
<code>{allowedFileExtensions
: [".txt"
,".xml"
,".doc"
], upload: { maxFileSize:2048000
},permissions
: {upload
: true } }/<code>
如果使用ASP.NET服務器端擴展,則可以啟用以下服務器端驗證:
<code>public
IActionResult FileSystem(FileSystemCommand command,string
arguments
) {var
config =new
FileSystemConfiguration { MaxUploadFileSize =2048000
, AllowedFileExtensions =new
[] {".txt"
,".xml"
,".doc"
}, AllowUpload =true
... };var
processor =new
FileSystemCommandProcessor(config);var
result = processor.Execute(command,arguments
);return
result.GetClientCommandResult(); }/<code>
下載文件
現在您可以允許用戶下載文件,使用新的endpointUrl選項可以指定用於下載操作的服務器端處理程序端點。
<code>{fileProvider
: new DevExpress.fileProviders.WebApi
({ endpointUrl:"../api/filesystem"
}), permissions: { download: true } }/<code>
如果使用ASP.NET服務器端擴展,則可以允許用戶下載文件,如下所示:
<code>public
object
FileSystem
(FileSystemCommand command,
string
arguments) {var
config =new
FileSystemConfiguration { AllowDownload =true
... };var
processor =new
FileSystemCommandProcessor(config);var
result = processor.Execute(command, arguments);return
result.GetClientCommandResult(); }/<code>
工具欄和自定義上下文菜單
現在,您可以通過兩個新選項(toolbar and contextMenu)來自定義文件管理器的工具欄和上下文菜單。
自定義File Providers
現在您可以實現一個自定義的File Provider,該File Provider使您可以將客戶端文件管理器連接到任何自定義文件管理後端。
文件直接上傳到雲提供商
現在,您可以直接將文件上傳到Azure、Amazon和其他雲提供商。 使用FileUploader的uploadChunk和abortUpload回調。
在客戶端上訪問文件內容
在此版本中,您可以使用'FileProvider.getItemContent'方法在Web瀏覽器中獲取二進制文件內容信息。