精品无人区一区二区三区,日本中文字幕乱码a,欧美福利

界面控件DevExtreme UI組件——增強(qiáng)自定義功能

翻譯|行業(yè)資訊|編輯：龔雪|2023-06-14 10:09:19.173|閱讀 120 次

概述：本文主要介紹DevExtreme的UI在v22.2版本中增強(qiáng)了哪些自定義功能，歡迎下載最新版體驗(yàn)~

在本文中，我們將回顧DevExtreme UI組件在v22.2版本主要更新中一系列與自定義相關(guān)的增強(qiáng)。

DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現(xiàn)代Web開(kāi)發(fā)堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構(gòu)建交互式的Web應(yīng)用程序。從Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和響應(yīng)式UI小部件集合，可在傳統(tǒng)Web和下一代移動(dòng)應(yīng)用程序中使用。該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等。

DevExtreme v22.2正式版下載

DevExpress技術(shù)交流群8：523159565 歡迎一起進(jìn)群討論

驗(yàn)證消息位置

用戶可以使用新的選項(xiàng)來(lái)指定驗(yàn)證消息相對(duì)于編輯器輸入位置的位置，該選項(xiàng)接受以下值：

'bottom' （默認(rèn)）
'top'
'left'
'right'

React

<TextBox validationMessagePosition="right">
<Validator>
<RequiredRule message="Address is required" />
</Validator>
</TextBox>

折疊 - 單個(gè)項(xiàng)目的標(biāo)題模板

現(xiàn)在可以為單個(gè)項(xiàng)目定義Accordion標(biāo)題模板(通過(guò)為每個(gè)項(xiàng)目使用屬性)，在下面的圖片中，第一項(xiàng)的標(biāo)題使用了不同的樣式：

React

<Accordion ... >
<Item
titleRender={() => (<b>First item title</b>)}
>
Item content
</Item>
</Accordion>

復(fù)選框 - 循環(huán)通過(guò)三個(gè)狀態(tài)

v22.2附帶了一個(gè)額外的值更改模式。在這種模式下，每次點(diǎn)擊循環(huán)通過(guò)三個(gè)組件狀態(tài)：檢查、未檢查和不確定。

使用選項(xiàng)來(lái)啟用這個(gè)功能。

Angular

<dx-check-box
[enableThreeStateBehavior]="true"
[value]="null"
></dx-check-box>

表單 - 自定義標(biāo)簽?zāi)０?/strong>

之前Form組件只能顯示文本標(biāo)簽，現(xiàn)在可以使用標(biāo)簽了。屬性來(lái)定義自定義模板，并在編輯器的標(biāo)簽中顯示圖像或其他豐富內(nèi)容。

Vue

<DxForm ... > <DxItem ... > <DxLabel template="emailLabel"/> </DxItem> <template #emailLabel="{ data }"> <LabelTemplate :data="data" icon="email" /> </template> </DxForm>

DateBox — 自定義Today按鈕文本

用戶現(xiàn)在可以更改 Today 按鈕顯示的文本（在'date'和'datetime'模式下），只需將帶有自定義文本的字符串傳遞給屬性。

React

<DateBox type="datetime" todayButtonText="This very day" />

范圍條形圖 - 最小條形尺寸

如果范圍條形圖數(shù)據(jù)源中的最小值與最大值有很大差異，則使用小條形顯示小值(使交互變得困難)。在這種情況下，您可以使用新的屬性來(lái)指定以像素為單位的最小條大小。

<dx-chart ... > <dxo-common-series-settings ... [minBarSize]="2" ></dxo-common-series-settings> </dx-chart>

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自：慧都網(wǎng)

上一篇：電子行業(yè)實(shí)施MES前后對(duì)比下一篇：CEETRON如何賦能航空航天領(lǐng)域打造WEB CAE后處理系統(tǒng)？

為你推薦

推薦視頻

推薦活動(dòng)

推薦產(chǎn)品

推薦文章

慧都慧問(wèn)

[官方視頻教程]DevExtreme ASP.NET MVC：主從網(wǎng)格

[官方視頻教程]DevExtreme ASP.NET MVC：摘要

[官方視頻教程]DevExtreme ASP.NET MVC：網(wǎng)格入門指南

[官方視頻教程]DevExtreme ASP.NET MVC：編輯表單

[官方視頻教程]DevExtreme ASP.NET MVC：圖表入門指南

[官方視頻教程]DevExtreme ASP.NET MVC：導(dǎo)出圖表

DevExpress Universal Subscription
優(yōu)秀的界面控件開(kāi)發(fā)包，幫助企業(yè)構(gòu)建卓越應(yīng)用！

# 非開(kāi)源 # # 控件 #

DevExpress DXperience Subscription
高性價(jià)比的企業(yè)級(jí).NET用戶界面套包，助力企業(yè)創(chuàng)建卓越應(yīng)用！

# 非開(kāi)源 # # 控件 #

DevExpress WinForms Subscription
為Windows Forms平臺(tái)創(chuàng)建具有影響力的業(yè)務(wù)解決方案，高性價(jià)比WinForms界面控件套包。

# 非開(kāi)源 # # 控件 #

Evget OMES生產(chǎn)管理系統(tǒng)
慧都Evget OMES生產(chǎn)管理系統(tǒng)，全程追溯質(zhì)量信息，打造數(shù)字化工廠

# 非開(kāi)源 # # 軟件 #

統(tǒng)一、測(cè)試、協(xié)作：3方向解析API Hub的高效API管理方案
在數(shù)字化快速發(fā)展的今天，API 已經(jīng)成為企業(yè)推動(dòng)業(yè)務(wù)互聯(lián)和創(chuàng)新的關(guān)鍵工具。隨著微服務(wù)和云原生架構(gòu)的興起，API 數(shù)量呈現(xiàn)爆發(fā)式增長(zhǎng)，帶來(lái)了管理復(fù)雜性和協(xié)作難題。SmartBear 的 API Hub 提供了一個(gè)覆蓋全生命周期的統(tǒng)一平臺(tái)，從設(shè)計(jì)、文檔到測(cè)試與協(xié)作，幫助企業(yè)更高效地管理 API，提升穩(wěn)定性與安全性，加速數(shù)字化轉(zhuǎn)型。

# 行業(yè)資訊 # 2025-09-08 16:02:24.153 17次

3D開(kāi)發(fā)引擎HOOPS如何賦能裝備制造CAD模型可視化？

# 行業(yè)資訊 # 2025-09-08 10:57:14.203 18次

國(guó)產(chǎn)化Word處理組件Spire.DOC教程：使用 Python 將 Markdown 轉(zhuǎn)換為 HTML 的詳細(xì)教程
本教程將展示如何使用 Python 和 Spire.Doc for Python 高效實(shí)現(xiàn) Markdown 到 HTML 的轉(zhuǎn)換。內(nèi)容涵蓋詳細(xì)步驟與實(shí)用代碼示例，既支持單文件轉(zhuǎn)換，也可進(jìn)行批量處理，幫助您快速掌握完整流程，實(shí)現(xiàn)高效、可靠的文檔轉(zhuǎn)換。

# 行業(yè)資訊 # 2025-09-08 10:48:42.017 17次

自動(dòng)化測(cè)試平臺(tái) Parasoft C/C++test 如何實(shí)現(xiàn)硬件在環(huán)測(cè)試
在嵌入式安全的關(guān)鍵領(lǐng)域，僅依賴宿主機(jī)測(cè)試存在明顯不足，由于編譯器、處理器架構(gòu)等因素存在差異，很多潛在風(fēng)險(xiǎn)難以在仿真測(cè)試中暴露。作為專業(yè)的靜態(tài)與單元測(cè)試工具，Parasoft C/C++test 通過(guò)與主流嵌入式工具鏈的原生深度集成，可直接在實(shí)際目標(biāo)硬件或仿真器上執(zhí)行測(cè)試，確保測(cè)試結(jié)果真實(shí)可靠，完全滿足功能安全標(biāo)準(zhǔn)對(duì)測(cè)試環(huán)境保真度的嚴(yán)格要求。

# 行業(yè)資訊 # 2025-09-08 10:33:04.623 17次

相關(guān)產(chǎn)品
控件
產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13150

當(dāng)前版本：v25.1.4 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： DevExpress 正式授權(quán)
">DevExtreme Complete Subscription
高性能HTML5/JavaScript開(kāi)發(fā)框架，利用現(xiàn)代Web開(kāi)發(fā)堆棧構(gòu)建優(yōu)異性能的應(yīng)用程序。
控件
產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：10740

當(dāng)前版本：v25.1.4 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： DevExpress 正式授權(quán)
">DevExpress Universal Subscription
優(yōu)秀的界面控件開(kāi)發(fā)包，幫助企業(yè)構(gòu)建卓越應(yīng)用！
控件
產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：12349

當(dāng)前版本：v25.1 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： DevExpress 正式授權(quán)
">DevExpress DXperience Subscription
高性價(jià)比的企業(yè)級(jí).NET用戶界面套包，助力企業(yè)創(chuàng)建卓越應(yīng)用！

最新文章 MORE

1DevExtreme JS & ASP.NET Core v24.2新功能預(yù)覽 - 全新的聊天組件

2【2月重要更新】Web界面控件DevExtreme v24.2.5全新發(fā)布|附高速下載

3界面控件DevExpress JS & ASP.NET Core v24.2新版亮點(diǎn) - 集成AI

4Web應(yīng)用界面開(kāi)發(fā)工具DevExtreme v24.2.6全新發(fā)布|附高速下載

5界面控件DevExtreme中文教程 - 如何使用拆分組件創(chuàng)建靈活布局？

金喜正規(guī)買球相關(guān)的文章 MORE

統(tǒng)一、測(cè)試、協(xié)作：3方向解析API Hub的高效API管理方案

3D開(kāi)發(fā)引擎HOOPS如何賦能裝備制造CAD模型可視化？

國(guó)產(chǎn)化Word處理組件Spire.DOC教程：使用 Python 將 Markdown 轉(zhuǎn)換為 HTML 的詳細(xì)教程

自動(dòng)化測(cè)試平臺(tái) Parasoft C/C++test 如何實(shí)現(xiàn)硬件在環(huán)測(cè)試

Excel處理控件Aspose.Cells教程：使用 Python 將 Pandas DataFrame 轉(zhuǎn)換為 Excel

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

金喜正规买球

在線采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

界面控件DevExtreme UI組件——增強(qiáng)自定義功能

驗(yàn)證消息位置

折疊 - 單個(gè)項(xiàng)目的標(biāo)題模板

復(fù)選框 - 循環(huán)通過(guò)三個(gè)狀態(tài)

表單 - 自定義標(biāo)簽?zāi)０?/strong>

DateBox — 自定義Today按鈕文本

范圍條形圖 - 最小條形尺寸

用科技創(chuàng)就卓越

Create excellence with technology