翻譯|行業(yè)資訊|編輯:龔雪|2023-06-14 10:09:19.173|閱讀 120 次
概述:本文主要介紹DevExtreme的UI在v22.2版本中增強(qiáng)了哪些自定義功能,歡迎下載最新版體驗(yàn)~
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
在本文中,我們將回顧DevExtreme UI組件在v22.2版本主要更新中一系列與自定義相關(guān)的增強(qiáng)。
DevExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現(xiàn)代Web開發(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和下一代移動應(yīng)用程序中使用。 該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等。
DevExpress技術(shù)交流群8:523159565 歡迎一起進(jìn)群討論
用戶可以使用新的選項(xiàng)來指定驗(yàn)證消息相對于編輯器輸入位置的位置,該選項(xiàng)接受以下值:
React
<TextBox validationMessagePosition="right"> <Validator> <RequiredRule message="Address is required" /> </Validator> </TextBox>
現(xiàn)在可以為單個項(xiàng)目定義Accordion標(biāo)題模板(通過為每個項(xiàng)目使用 屬性),在下面的圖片中,第一項(xiàng)的標(biāo)題使用了不同的樣式:
React
<Accordion ... > <Item titleRender={() => (<b>First item title</b>)} > Item content </Item> </Accordion>
v22.2附帶了一個額外的 值更改模式。在這種模式下,每次點(diǎn)擊循環(huán)通過三個組件狀態(tài):檢查、未檢查和不確定。
使用選項(xiàng)來啟用這個功能。
Angular
<dx-check-box [enableThreeStateBehavior]="true" [value]="null" ></dx-check-box>
之前Form組件只能顯示文本標(biāo)簽,現(xiàn)在可以使用標(biāo)簽了。屬性來定義自定義模板,并在編輯器的標(biāo)簽中顯示圖像或其他豐富內(nèi)容。
Vue
<DxForm ... > <DxItem ... > <DxLabel template="emailLabel"/> </DxItem> <template #emailLabel="{ data }"> <LabelTemplate :data="data" icon="email" /> </template> </DxForm>
用戶現(xiàn)在可以更改 Today 按鈕顯示的文本(在'date'和'datetime'模式下),只需將帶有自定義文本的字符串傳遞給 屬性。
React
<DateBox type="datetime" todayButtonText="This very day" />
如果范圍條形圖數(shù)據(jù)源中的最小值與最大值有很大差異,則使用小條形顯示小值(使交互變得困難)。在這種情況下,您可以使用新的 屬性來指定以像素為單位的最小條大小。
<dx-chart ... > <dxo-common-series-settings ... [minBarSize]="2" ></dxo-common-series-settings> </dx-chart>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都網(wǎng)