首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

(2)jquery easyUI提示框的使用

2013-09-28 
(二)jquery easyUI提示框的使用1:弹出提示窗的使用(1)屏幕右下弹出提示窗口:???$.messager.show({????titl

(二)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);
????}
???});

热点排行