easyUI简易进度条

2 篇文章 0 订阅
1 篇文章 0 订阅

        function test() {
            $.messager.progress({     // 显示进度条  
                text: "请稍等...",     //设置进度条提示文字
                interval: 100         //调整进度条滚动速度
            });
            $.ajax({
                url: 'test.ashx',
                success: function (data) {
                    $.messager.progress('close');    //关闭进度条
                    alert(data);
                }
            });
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Django 中使用 EasyUI 进度条,可以按照以下步骤操作: 1. 在 HTML 中引入 EasyUI 的 CSS 和 JavaScript 文件: ```html <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-easyui/1.9.7/themes/default/easyui.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-easyui/1.9.7/themes/icon.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easyui/1.9.7/jquery.easyui.min.js"></script> ``` 2. 在 HTML 中添加进度条元素,如下所示: ```html <div id="progress"></div> ``` 3. 在 JavaScript 中使用 EasyUIprogressbar 组件来显示进度条,如下所示: ```javascript $('#progress').progressbar({ value: 0, text: '0%', width: '100%', height: 20 }); $.ajax({ url: '/your/url/', type: 'POST', dataType: 'json', beforeSend: function() { $('#progress').progressbar('setValue', 0); $('#progress').progressbar('setText', '0%'); }, data: { // your data here }, success: function(data) { // your success callback here }, error: function() { // your error callback here }, xhr: function() { var xhr = $.ajaxSettings.xhr(); xhr.onprogress = function(e) { if (e.lengthComputable) { var percent = Math.round((e.loaded / e.total) * 100); $('#progress').progressbar('setValue', percent); $('#progress').progressbar('setText', percent + '%'); } }; return xhr; } }); ``` 这段代码会在 Ajax 请求开始时显示进度条,请求发送时将进度条百分比设置为 0%,请求进行时根据进度更新进度条百分比,请求完成时将进度条百分比设置为 100%。注意,这里的 `/your/url/` 需要替换为实际的请求地址。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值