天天看点

jQuery EasyUI API 中文文档 - 弹出框

alert弹出框  
$.message.alert('','','','');  
第一个参数:“弹出框的标题”;  
第二个参数:“弹出框的内容”;  
第三个参数:“按钮的图标(可选)”;  
第四个参数:“点击确定按钮后的回调函数”  
$.message.alert('系统提示','嘻嘻哈哈','error',function (){alert("点完确定按钮后我会出现")});  
$.message.alert与系统的alert的区别如下  
$.message.alert:是页面上添加一个div层  
alert:弹出框会阻塞浏览器主进程  
  
confirm弹出框  
$.message.confirm('','','');  
第一个参数:“弹出框的标题”;  
第二个参数:“弹出框的内容”;  
第三个参数:“点击确定按钮或取消按钮后的回调函数(点击确定传入true,取消则是false)”;  
$.message.alert('系统提示','嘻嘻哈哈',function (btn){});  
  
prompt弹出框  
$.message.prompt('','','');  
第一个参数:“弹出框的标题”;  
第二个参数:“弹出框的内容”;  
第三个参数:“str是你输入的内容,如果不输入则是空字符串”;  
$.message.prompt('系统提示','嘻嘻哈哈',function(str){});  
  
show弹出框  
$.message.show({  
title:"标题",    //标题  
msg:"内容(可以写成html形式)" ,  //内容  
showType:"fade",      //显示形式是淡入淡出形式如果为null是不现实  
showSpeed:2000,//显示的时间,超过这个时间则会关闭  
timeout:0, //如果设置成0则不会自动消失,除非点击关闭按钮  
style:{  
top:0  
}//给弹出框设置一个自定义样式  
})  
类似QQ提升,在右下角弹出,自动会消失  
  
progress弹出框
带有进度条的弹出框
$.message.progress({
title:"拼命加载中...",//标题显示
msg:"加载进度",//内容显示
interval:100,//100秒更新一次
text:"",//是把百分比去掉
});
//手动修改进度条的值
var div = $.message.progress("bar");
div.children().first().html("10%");//修改进度条的文字
div.children(".progressbar-value")[0].style.width = "10%";//修改进度条的宽度