EasyUI Forum
April 23, 2024, 07:35:34 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Remove percent sign in progressbar  (Read 5825 times)
Juan Antonio Martínez
Jr. Member
**
Posts: 68



View Profile
« on: January 13, 2017, 01:52:02 AM »

Hi all,
Is there any way to remove percent sign '%' from progress bar in $.messager.progress , to provide own messages?

Using jeasyui-1.4.2 ( too old, I know, but have some old plugins and... )

Thanks in advance
Juan Antonio
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: January 13, 2017, 04:35:42 AM »

Please use this code to custom the text value on progress bar.
Code:
$.messager.progress({
title:'Please waiting',
msg:'Loading data...'
});
var bar = $.messager.progress('bar');
bar.progressbar({
text: 'custom value:{value}'
});
Logged
Juan Antonio Martínez
Jr. Member
**
Posts: 68



View Profile
« Reply #2 on: January 13, 2017, 06:26:55 AM »

Works like a charm.
Thanks

BTW, perhaps it could be usefull to improve $.messager.progress by providing a method to ask progress to server and retrieve (and show) response into progress bar

Something like:

Code:
                $.messager.progress({
                    title: '<?php _e("Downloading");?>',
                    msg: '<?php _e("Downloading new version into server");?>: '+name+'-'+release,
                    interval: 2000, // ask server for progress every 2 seconds
                    callback: progressMonitor
                });
....
                function progressMonitor(){
                    $.ajax({
                        url:"/agility/server/adminFunctions.php",
                        dataType:'json',
                        data: {
                            Operation: 'progress',
                            Suffix: suffix
                        },
                        success: function(data) {
                            var value=data.progress;
                            if(value!=="Done"){
                                var bar=$.messager.progress('bar');
                                bar.progressbar('setValue', value);  // set new progress value
                                // setTimeout(progressMonitor,2000);
                            } else {
                                $.messager.progress('close');
                            }
                        }
                    });
                }
« Last Edit: January 13, 2017, 06:30:21 AM by Juan Antonio Martínez » Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!