国产精品爱久久久久久久小说,女人扒开腿让男人桶到爽 ,亚洲欧美国产双大乳头,国产成人精品综合久久久久,国产精品制服丝袜无码,免费无码精品黄av电影,黑色丝袜无码中中文字幕,乱熟女高潮一区二区在线

    Bootstrap Table實現定時刷新數據

    2018-8-24    seo達人

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    Bootstrap Table實現定時刷新數據

    推薦第二種方法

    • 令表格的id為realTimeTable

    1、毀掉表格,再查詢數據后append,如果你查大量的數據(例如:查詢很多渠道的信息),而獲取服務器數據又太慢,你就會看到表格在一行一行的增加

    • 定時器,多長時間執行一次,自己定義,此處是30S
    setInterval(function() { queryAll();
    }, 30000);
        
    • 1
    • 2
    • 3
    • 先定義一個函數,里面放入查詢的方法updateRealTimeData和你所自定義使用的方法
    function queryAll() { updateRealTimeData();
            .
            .
            .
            .
    }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 方法updateRealTimeData
     function updateRealTimeData() { if(errorFlag || appid == -1) return; //把表格的tbody移除,不然后面會一直添加 $("#realTimeTable").bootstrapTable('removeAll'); //獲取數據 $.ajax({
                data: { //向服務器發送的一些參數,像日期,游戲ID什么的 .
                            .
                            .
                            .
                            .
                    },
                        type: "post", //url不用說了吧,否則不知道向服務器哪個接口發送并請求 url: *******,
                        async: true, //超時時間 timeout:30000,
                        success: function(msg) { if(msg.code == '1') { //定義的函數實現對表格賦值,自定義想傳的參數,但別忘了msg,不然搞個屁 showTableData(msg,……);
                            }
    
                        }
                    });
                }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 方法showTableData
    function showTableData(msg,……) { tableData = []; for(var i = 0; i < json.length; i++) {
                    tableData.push({ //這里也就是data-field的名稱,getDate是服務器返回的字段名 date: json[i].getDate,
                           .
                           .
                           .
                           .
                    }) //數組反向排列,看情況使用 tableData.reverse(); //向tbody里面添加數據 $("#realTimeTable").bootstrapTable('append', tableData);
                }
    }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17

    2、使用updateRow方法

    • 首先,得存在表格,里面有數據,才能更新行,否則沒作用。此方法不會像上面的方法表格消失再增加,這個是整體不變,里面的數據會自動更新

    • 定時器,和上面一樣,多長時間執行一次,自己定義,此處是30S
    setInterval(function() { queryAll(); for (var j = 0; j < 請求的數據的總條數(也就等于表格的行數); j++) {
                    changeAllChannelRealTime(j, .....);
                } }, 30000);
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    function changeAllChannelRealTime(j, .....) {
            $.ajax({
                data: { //向服務器發送的一些參數,像日期,游戲ID什么的 .
                            .
                            .
                            .
                            .
                    },
                        type: "post", //url不用說了吧,否則不知道向服務器哪個接口發送并請求 url: *******,
                        async: true, //超時時間 timeout:30000,
                        success: function(msg) { if (msg.code == '1') {
                                changeData(j, msg, .....);
                        }
                    },
                    error: function () { msgToast.error("查詢數據出錯");
                    }
                });
            }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    function changeData(i,msg,......){ $('#realTime_Table').bootstrapTable('updateRow', { //i表示第幾行,從0開始 index: i,
                    row: { //這里也就是data-field的名稱,*表示字段名 date: msg.*
                            .
                            .
                            .
                            .
                    }
                });         
    }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14

    大象~ 大象~ 你的鼻子怎么那么長~~ 



    其他相關:

    藍藍設計m.dzxscac.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.dzxscac.cn

    存檔

    主站蜘蛛池模板: 拍拍拍无挡免费视频| 97综合| 2017日日夜夜| 99精品国产一区二区三区2021| 国产精品白浆精子像水合集| 国产在线日韩| 久久久久黄色片| 精品国偷自产在线| 人人玩人人添人人澡免费| 国产伦精品一区二区三区免.费| 尼姑福利影院| 一本一道av无码中文字幕麻豆 | 婷婷综合激情| a黄色大片| 无套内谢孕妇毛片免费看看 | 欧美色综合天天久久综合精品| 伊人春色网站| 国产激情无码一区二区app| 亚洲伊人成综合网2222| 国产日韩精品视频| 懂色av懂色av粉嫩av分享吧| 欧美v国产v亚洲v日韩九九| 年轻内射无码视频| 久久久久久久影院| 长篇乱肉合集乱500小说日本| 正在播放酒店约少妇高潮| 亚洲人成电影免费观看在线看| 国产成人精品一区二区三区在线| 天天都色| 4hu亚洲人成人无码网www电影首页 | 青青青免费在线视频| 日韩人妻中文无码一区二区七区| 内射口爆少妇麻豆| 日日网| 欧美永久免费| 亚洲色大成网站WWW国产| 国产寡妇偷人在线观看| 美女又爽又黄| 射死你天天日| 成人AV影视| 狠狠综合久久久久尤物|