〖ExtJS〗之对话框

 

传统的alert,confirm等方法产生的对话框不好话，下面就看看ExtJS做的对话框的效果

 

一、普通的对话框：

 

Ext.onReady(function(){
      Ext.get("btn").on("click",function(){   //普通的弹出提示框
      Ext.MessageBox.alert("请注意","这是ExtJS的提示框");
      });
});

 

 

二、弹出选择的提示框:

Ext.onReady(function(){
   Ext.get("btn").on("click",function(){  //弹出选择的提示框
        Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text){
        alert(button);
        alert(text);
        });
      });
});

 

 

三、需要输入内容的对话框：

Ext.onReady(function(){
     Ext.get("btn").on("click",function(){   //需要输入内容的对话框
    Ext.MessageBox.prompt("输入提示框","请输入你的新年愿望:",function(button,text){
        if(button=="ok"){
      alert("您的新年愿望是:" + text);
        }else
          alert("你放弃了录入！");  
    });
      });
});

 

 

四、自定义对话框：

function save(button){
      if(button=="yes"){
    //执行数据库保存操作
      }else if(button=="no"){
    //不保存数据
      }else{
    //取消当前操作
      }
  }
Ext.onReady(function(){
    Ext.get("btn").on("click",function(){
    Ext.Msg.show({
        title:"保存数据",
        msg:"你已经作了一些数据操作，是否要保存当前内容的修改？",
        buttons:Ext.Msg.YESNOCANCEL,
        fn:save,
        icon:Ext.MessageBox.QUESTION
    });
      });
    
});