彩票走势图

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

原创|产品更新|编辑:我只采一朵|2016-08-05 11:07:02.000|阅读 520 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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 item
var items = e.component.option("items").slice();
items.push(item);
e.component.option("items", items);
// ----------------------------

return item;
}
});

 

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

DevExtreme 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默认值发生变化

DevExtreme 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);

标签:DevExpressJavaScript HTML5UI界面

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP