css - 如何将图标放入剑道菜单?
问题描述
我有以下剑道菜单:
<div id="menu"></div>
<script>
console.log("executes")
$("#menu").kendoMenu({
dataSource: [{
text: "menu", icon: "k-icon k-i-more-horizontal", items: [
{ text: "Edit", spriteCssClass: "k-icon k-i-edit" },
{ text: "Delete", spriteCssClass: "k-icon k-i-delete" },
]
}
]
});
</script>
由于spriteCssClass
不推荐[ https://www.telerik.com/forums/spritecssclass-is-not-working-with-icons-in-latest-version],我尝试icon:...
了如您在数据源的第一行中看到的那样。但这也行不通。
如何将剑道一些图标放入剑道菜单?
解决方案
我解决了它,只需将<span>放入text
并设置encoded: false
.
$("#menu").kendoMenu({
dataSource: [{
text: "<span class=\"k-icon k-i-more-horizontal\"></span>", encoded: false, items: [
{ text: "<span class=\"k-icon k-i-edit\"></span><span>Edit</span>", encoded: false },
{ text: "<span class=\"k-icon k-i-delete\"></span><span>Delete</span>", encoded: false }
]
}]
});
推荐阅读
- sql-server - 将 SQL Server 文件流数据移动到 AWS S3
- javascript - 如何使用 react-calendar 动态呈现列表?
- ruby-on-rails - Rails 随机选择 3 个不同的帖子
- regex - 使用正则表达式删除操作
- c# - 客户端节点无法连接到服务器
- android - React Native - 一个应用程序可以查看/查询用户设备上的现有应用程序吗?
- android - 64 位 Delphi android 应用程序未在 32 位手机中运行
- javascript - 如何使用 JavaScript 从 HTML 模板文件将 HTML 和 CSS 插入网页?- Chrome 扩展
- javascript - 安装在 Enzyme 中时,为什么带有 ResponsiveContainer 的 ReCharts 图表不呈现图表的子元素?
- python - 从列表中提取值并对每个值应用计算