未从 CDN 显示 devextreme 组件的图标

Posted 2023-05-08

【中文标题】未从 CDN 显示 devextreme 组件的图标

【英文标题】：devextreme component's icon not showed from CDN

【发布时间】：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'
);

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

【参考方案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，轰隆隆！！！完美。