未从 CDN 显示 devextreme 组件的图标答案

【问题标题】：devextreme component's icon not showed from CDN未从 CDN 显示 devextreme 组件的图标
【发布时间】：2022-01-20 16:13:12
【问题描述】：

我从cdn链接了样式

但没有显示任何图标

<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/17.1.5/css/dx.common.css" />
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/17.1.5/css/dx.light.css" />

<button id="myButton">click here</button>

$("#myButton").dxButton({
      icon:'add'
});

我需要包含其他文件吗？我忘记了什么或者我需要别的东西

【问题讨论】：

标签： devexpress cdn devextreme

【解决方案1】：

如果按钮 html 元素内没有任何内容，它对我有用：

<button id="myButton"></button>

要设置按钮文本，请在按钮配置中进行如下配置：

$("#myButton").dxButton({
    icon: 'add',
    text: 'click here'
});

$("#myButton").dxButton({
  icon: 'add',
  text: 'click here',
  type: 'default',
  onClick: (ev) => alert('clicked')
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<link href="https://cdn3.devexpress.com/jslib/17.1.5/css/dx.light.css" rel="stylesheet" />
<link href="https://cdn3.devexpress.com/jslib/17.1.5/css/dx.common.css" rel="stylesheet" />
<script src="https://cdn3.devexpress.com/jslib/17.1.5/js/dx.all.js"></script>

<button id="myButton"></button>

【讨论】：

if there is nothing inside the button html element，轰隆隆！！！完美。