1、提示框的各种显示形式
Ext.MessageBox.alert('标题', '内容', function (btn) {
alert('你刚刚点击了 ' + btn);
});
Ext.MessageBox.confirm('选择框', '你到底是选择yes还是no？', function (btn) {
alert('你刚刚点击了 ' + btn);
});
Ext.MessageBox.prompt('输入框', '随便输入一些东西', function (btn, text) {
alert('你刚刚点击了 ' + btn + '，刚刚输入了 ' + text);
});
Ext.MessageBox.show({
title: '多行输入框',
msg: '你可以输入好几行',
width: 300,
buttons: Ext.MessageBox.OKCANCEL,
multiline: true,
fn: function (btn, text) {
alert('你刚刚点击了 ' + btn + '，刚刚输入了 ' + text);
}
});
Ext.MessageBox.show({
title: '随便按个按钮',
msg: '从三个按钮里随便选择一个',
buttons: Ext.MessageBox.YESNOCANCEL,
fn: function (btn) {
alert('你刚刚点击了 ' + btn);
}
});
Ext.MessageBox.show({
title: '请等待',
msg: '读取数据中',
width: 240,
progress: true,
closable: false
});
var f = function (v) {
return function () {
if (v == 11) {
Ext.MessageBox.hide();
} else {
Ext.MessageBox.updateProgress(v / 10, '正在读取第 ' + v + ' 个，一共10个。');
}
};
};
for (var i = 1; i < 12; i++) {
setTimeout(f(i), i * 1000);
}
2、弹窗
var win = new Ext.Window({
el:'window-win',
width:300,
height:100,
closeAction:'hide',
defaultButton: 0,
buttons: [{
text: '确定',
handler: function() {
win.hide();
}
}, {
text: '取消'
}]
});
win.show();
3、显示动画效果：
animateTarget: 'target'
4、
