日韩精品一页,日韩在线伦理片,日韩伦理中文字幕

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

B/S端界面控件DevExtreme中文使用指南——內(nèi)置的圖標(biāo)庫(kù)介紹

翻譯|使用教程|編輯：龔雪|2022-12-15 11:12:46.283|閱讀 198 次

概述：本文帶大家了解DevExtreme控件內(nèi)置的圖標(biāo)庫(kù)，歡迎下載最新版控件體驗(yàn)！

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

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

在本文中，我們將為大家介紹如何使用DevExtreme組件內(nèi)置的圖標(biāo)庫(kù)類(lèi)型，歡迎下載最新版組件體驗(yàn)！

DevExtreme v22.1正式版下載

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

內(nèi)置圖標(biāo)庫(kù)

DevExtreme為所有DevExtreme主題提供了一個(gè)帶有SVG和字體圖標(biāo)的圖標(biāo)庫(kù)，開(kāi)發(fā)人員可以在UI組件和其他頁(yè)面元素中使用圖標(biāo)，也可以自定義它。

可用的圖標(biāo)如下：

B/S端界面控件DevExtreme中文使用指南——內(nèi)置的圖標(biāo)庫(kù)介紹

DevExtreme UI組件中的圖標(biāo)

圖標(biāo)可以在那些具有圖標(biāo)屬性的UI組件中使用，例如Button UI組件在配置對(duì)象的第一層具有此屬性，下面代碼示例中的圖標(biāo)取自?xún)?nèi)置圖標(biāo)庫(kù)。

jQuery

JavaScript

$(function() {
$("#saveButton").dxButton({
icon: "save",
text: "Save"
});
});

ASP.NET MVC Controls

Razor C#

@(Html.DevExtreme().Button()
.Icon("save")
.Text("Save")
)

許多默認(rèn)模板也提供圖標(biāo)屬性，ContextMenu UI組件的默認(rèn)項(xiàng)模板就是一個(gè)例子：

jQuery

JavaScript

$(function() {
$("#contextMenuContainer").dxContextMenu({
// ...
dataSource: [
{ text: "Zoom In", icon: "plus" },
{ text: "Share", icon: "message" },
{ text: "Download", icon: "download" }
]
});
});

ASP.NET MVC Controls

Razor C#

@(Html.DevExtreme().ContextMenu()
.Items(i => {
i.Add().Text("Zoom In").Icon("plus");
i.Add().Text("Share").Icon("message");
i.Add().Text("Download").Icon("download");
})
)

要查找支持圖標(biāo)的UI組件列表，請(qǐng)?jiān)谧髠?cè)菜單中搜索“icon”。