【版本升级】DevExtreme v16.1.5改进UI组件样式问题

DevExtreme v16.1.5改进多个UI组件的样式问题，修复自定义样式问题，字体样式继承问题以及z-index的默认值。

UI Widgets

# BC3819: dxSelectBox and dxTagBox – acceptCustomValue option behavior 发生变化

从v16.1开始新增了onCustomItemCreating event，它可以拦截定制dxSelectBox and dxTagBox的创建，然而这个操作会对v16.1之前版本造成影响，item不会自动更新。为了解决这个问题，先处理onCustomItemCreating事件然后给事件处理器新增一个算法，返回一个新的item plain object。参考下面的示例：

[JScript]var items = [{ id: 1, name: "First" }, { id: 2, name: "Second" }, { id: 3, name: "Third" }];$("#selectBox").dxSelectBox({items: items,displayExpr: "name",valueExpr: "id",acceptCustomValue: true,onCustomItemCreating: function(e) {var id = convertNameToId(e.text),item = { id: id, name: e.text };// If you need to save a new itemvar items = e.component.option("items").slice();items.push(item);e.component.option("items", items);// ----------------------------return item;}});

# BC3833: Overlay widgets – 不再继承字体样式

v16.1.2 – 16.1.4, overlay组件的字体在某些情况下显示不正常。v16.1.5修复了这个问题，CSS关于字体的样式规则比如font-weight, font-size, font-family, line-height等都不再继承父元素的样式，如果需要自定义字体，需要给 “dx-overlay-wrapper” class专门添加样式：

[CSS].dx-overlay-wrapper {font-weight: [custom value]

# BC3823: Overlay widgets – z-index默认值发生变化

v16.1.5之前的版本某些情况下组件显示的前后顺序不对，原因是因为Boostrap默认的z-index值比DevExtreme的值更高。

所以从v16.1.5开始将DevExtreme 组件（ dxToast 组件除外）的默认z-index值改成1500。

[CSS]@zindex-navbar:

这个修改之后可能会对之前的一些显示顺序造成影响，如果你想保持之前的值，用下面的代码即可：

[C#]DevExpress.ui.dxOverlay.baseZIndex(1000);

• DevExtreme v16.1.5下载
• DevExtreme v16.1.5完整更新说明（英文）

标签：DevExpressJavaScript HTML5UI界面