Extjs-Window和MessageBox的使用

Extjs-Window和MessageBox的使用

posted by David Chen at April 30, 2008, 8:19 AM

就五一了,再整理了一下extjs方面的类,窗口和对话框的使用,窗口比较灵活,可以在里面添加更多的组件,
就好像使用panel一样使用window

var win = new Ext.Window({
    width: 400,
    height: 300,
    title: 'Please login ...',
    draggable: true, // 是否可以拖放
    closable: false, // 不能关闭
    modal: true, // 是否为模式对话框
    items: [ // 容器
        new Ext.form.TextField({
            fieldLabel: 'test'
        }),
        { pressed:true, text: 'test', handler: function(){ } }
    ]
    });
win.show(); // 显示出来

MessageBox更加简单易用
Ext.Msg.alert('Status', 'Changes saved successfully.'); // 提示, 第一个参数指明图标的内容
Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
    if (btn == 'ok'){
        // process text value and close...
    }
}); // 对话输入框, 最后一个是回调参数, 当点击对话框的按纽后触发
Ext.Msg.show({  // 一般的弹出信息窗口
   title:'Save Changes?',
   msg: 'Your are closing a tab that has unsaved changes. Would you like to save your changes?',
   buttons: Ext.Msg.YESNOCANCEL,
   fn: processResult,
   animEl: 'elId',
   icon: Ext.MessageBox.QUESTION
});