(二)jquery easyUI提示框的使用

1:弹出提示窗的使用

(1)屏幕右下弹出提示窗口:

   $.messager.show({
    title:'My Title',
    msg:'Message will be closed after 4 seconds.',
    timeout:4000,(可选)
    height:150, (可选)
    width:350,(可选)
    showType:'show'
   });

  timeout:number,(定期关闭)
    showType:String(弹出的窗口的方式:show,slide,fade)
   });

(2)进度条:

   var win = $.messager.progress({
    title:'Please waiting',
    msg:'Loading data...'
   });
   setTimeout(function(){
    $.messager.progress('close');
   },mix);

 mix:可以为数字(毫秒)或者为返回数字的函数;获取或者设置进度条的方法为:

 var value = $('#p').progressbar('getValue');  

 if (value < 100){  

     value += Math.floor(Math.random() * 10);  

     $('#p').progressbar('setValue', value);  

 }

(3)普通弹出框:

$.messager.alert(title,msg,type);

type:可以省略,取值为:error,info,question,warning.

(4)确认弹出框:

   $.messager.confirm('My Title', 'Are you confirm this?', function(r){
    if (r){
     alert('confirmed:'+r);
     location.href = 'http://www.google.com';
    }
   });

(5)输入弹出框:

   $.messager.prompt('My Title', 'Please type something', function(r){
    if (r){
     alert('you type:'+r);
    }
   });

相关推荐