进度条与执行过程

时间:2014-04-29 15:14:24   收藏:0   阅读:586

<!DOCTYPE html>
<html>
<head>
    <meta charset="gb2312">
    <title>Client Side Pagination - jQuery EasyUI Demo</title>
     <link href="../themes/icon.css" rel="stylesheet" />
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../src/demo.css" rel="stylesheet" />
    <script src="../comjs/jquery-1.8.0.min.js" type="text/javascript"></script>
   
    <script src="../comjs/jquery.easyui.min.js" type="text/javascript"></script>
<body>
    <h2>Client Side Pagination</h2>
    <div title="执行程序" id="dialogs" class="easyui-window" style="width:500px;height:auto;">
        <textarea  id="txtArea"style="color:#0094ff; width:500px; height:300px;background-image:url(‘comjs/70bOOOPIC07_202.jpg‘)">ddf</textarea>
    </div>
        <div style="margin:10px 0;">
        <a href="#" class="easyui-linkbutton" onclick="start()">Start</a>
    </div>
    <div id="p" class="easyui-progressbar" style="width:400px;"></div>
    <script>
        var cc = 0;
        var counts = 0;
        var percent;
        var rows = [];
        function start() {
         
            //aa();
            hha();
            var value = $(‘#p‘).progressbar(‘getValue‘);
            if (value < 100) {
                //value += Math.floor(Math.random() * 10);
                //percent =Math.floor( cc / counts);
                if (percent>=0.99) {
                    percent = 1;
                    $(‘#p‘).hide();
                }
               
                $(‘#p‘).progressbar(‘setValue‘,Math.floor( percent*100));
                setTimeout(arguments.callee, 0.01);
            }
        };
    </script>

    <div class="demo-info">
        <div class="demo-tip icon-tip"></div>
        <div>This sample shows how to implement client side pagination in DataGrid.</div>
    </div>
    <div style="margin:10px 0;"></div>
    

    <script type="text/javascript">
    
        var rows = [];
      
        function hha() {
          
               $("#txtArea").val("");
               for (var i = 0; i < 5;i++) {
             
                   var Midval =$("#txtArea").val() + rows.rows[cc + i].mId + "\t" + rows.rows[cc + i].mName + "\t" + rows.rows[cc + i].mIsDel + "\t" + rows.rows[cc + i].mAddtime + "\n";
                   
                 
                   $("#txtArea").val(Midval);
                 $("#txtArea").val().replace(/\n/g, "<br/>");
               }
            percent =( cc / counts);
               if (cc < rows.rows.length) {
                        cc = cc + 1;
                   }
              
        }

        function aa() {

            setInterval("hha()", 0.2);
        }
            $(function () {
                $.ajax({//‘datagrid_data.aspx‘,
                    url: ‘Data.ashx‘,
                    type: "get",
                    async: false,

                    dataType: "json",
                    data: ‘id=‘ + Math.random(),
                    success: function (json) {
                        rows = json;
                        counts = rows.rows.length;

                    },
                    error: function (xhr, status, errorThrown) {

                        alert("errorThrown=" + errorThrown);
                    }
                });
               
               
           
           
        });
       
    </script>
</body>
</html>

进度条与执行过程,布布扣,bubuko.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!