如何将 loadMask 仅应用于一个元素,而不是整个浏览器的宽度-高度?默认
在这里,只有一个元素被屏蔽,一个消息框在中心,在这个元素内部,而不是整个显示......
有任何想法吗?
编辑:
@Molecule,谢谢,但这是从某个来源加载数据时,我需要的是:
{
xtype:"button",
text:"Alert",
handler: function(){
Ext.Msg.show({
title:'Save Changes?',
msg: 'You are closing ?',
buttons: Ext.Msg.YES,
setLoading: // here somehow only mask parent element, and position alertBox...
}
}
最佳答案
每个组件都有自己的 loadMask
属性(property)。您可以调用 YourComponent.setLoading
使用它.这里是 fiddle来说明我在说什么。
另一种方法是使用 new Ext.LoadMask(YourComponent.el, {msg:"Please wait..."});
.您可以在我的 fiddle 中查看用法.
更新
这是显示如何将 ExtJS4 loadMask 和 MessageBox 应用于指定 Widget 的代码示例
Ext.create('Ext.panel.Panel', {
width: 600,
height: 400,
title: 'Border Layout',
layout: 'border',
items: [{
title: 'West Region is collapsible',
region:'west',
xtype: 'panel',
width: 400,
id: 'west-region-container',
layout: 'fit'
},{
title: 'Center Region',
region: 'center',
xtype: 'panel',
layout: 'fit',
}],
renderTo: Ext.getBody()
});
var myMask = new Ext.LoadMask(Ext.getCmp('west-region-container').el, {useMsg: false});
myMask.show();
var msg = Ext.Msg.show({
title:'Save Changes?',
msg: 'Bla-Bla',
buttons: Ext.Msg.OK,
modal: false
});
msg.alignTo(Ext.getCmp('west-region-container').el, 'c-c');
这里是 try-it-yourself example .
关于load - 将 loadMask() 应用于 extjs 中的单个元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6776238/