DevExtreme拥有高性能的HTML5 / JavaScript小部件集合使您可以利用现代Web开发堆栈包括ReactAngularASP.NET CorejQueryKnockout等构建交互式的Web应用程序该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。DevExpress新旧版本帮助文档获取可点击这篇文章查看——《界面控件DevExpress v26.1帮助文档大全CHM版本》本文介绍自定义基于HTML的UI组件的方法。组件的API官方建议使用UI组件的API来自定义它与CSS类不同API很少被更改。如果发生更改UI组件将用警告填充浏览器控制台帮助开发人员修复代码。每个UI组件都有一个在UI组件的API参考部分中描述的API例如开发人员可以通过相应的属性指定UI组件的宽度。在下面的例子中这个属性是为List UI组件设置的。jQueryJavaScript$(function() { $(#listContainer).dxList({ width: 600 }); });ASP.NET MVC控件Razor C#(Html.DevExtreme().List() .Width(600) )如果页面包含同一个UI组件的多个实例开发人员可以使用defaultOptions(rule) 方法在一个地方为所有这些组件指定默认配置相同的方法允许开发者为不同的设备指定不同的默认配置。此外UI组件提供了可以用于更深入自定义的模板。单个CSS类由于DevExtreme组件包含标准的HTML元素div, td, tr等所以开发人员可以使用CSS来自定义它们。文档中记录了许多类但是在大多数情况下开发人员需要检查HTML标记来确定和覆盖应用的CSS类。可以像往常一样使用class属性将类添加到标记中的UI组件元素中如果不可能更改标记则使用UI组件的elementAttr属性来实现相同的目的。注意CSS内部结构可能在不同版本之间更改而不另行通知。考虑到这一点我们建议在可能的情况下使用它们的API替代CSS来自定义UI组件。因为如果API发生了更改开发人员将收到通知。在自定义过程中建议通过响应式设计模式查看UI组件页面再不同设备上的外观。