2024年终活动

DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-68661681

DevExtreme v16.1.5改进UI组件样式问题

来源:EVGET   发布时间:2016-08-11   浏览:4030次

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

DevExpress专为企业客户提供团队、企业授权优惠方案,欢迎来电咨询:023-66090381

DevExpress企业集团授权

本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/728.html

相关产品: DevExtreme跨平台开发框架,

扫码咨询
电话咨询
023-68661681
返回
顶部