国产精品爱久久久久久久小说,女人扒开腿让男人桶到爽 ,亚洲欧美国产双大乳头,国产成人精品综合久久久久,国产精品制服丝袜无码,免费无码精品黄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

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



    其他相關:

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

    日歷

    鏈接

    個人資料

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

    存檔

    主站蜘蛛池模板: 欧美日本一本| 日本中文一区二区三区亚洲 | 天堂无码人妻精品一区二区三区| 出租屋勾搭老熟妇啪啪| 黄色高潮视频| 亚洲国产一区二区三区| 夜夜添无码试看一区二区三区| 极品少妇被弄得高潮不断 | 国产在线观看无码免费视频| 日本成熟少妇激情视频免费看| 91精品国产日韩91久久久久久| www爱爱| 免费观看羞羞视频网站| 成在人线av无码免观看午夜网| 成人开心网| 久久爱网| 国产精品久久毛片av大全日韩| 正在播放熟妇群老熟妇456| 欧美日韩91| 一区二区视屏| 国产在线视频www色| 99久久国产综合精品女| 欧美成人一区二区三区片免费| 伊人免费在线观看| 日本www一道久久久免费| 国产毛片精品av一区二区| 性xxxx搡xxxxx搡欧美| 2019自拍偷拍| 少妇被黑人到高潮喷出白浆| 精品无码日韩一区二区三区不卡| 欧美a级黄色片| 国产美女精品自在线拍免费| 卡1卡2卡三卡精品视频| 国模雨珍浓密毛大尺度150p| 奇米一区二区三区| 黑巨人与欧美精品一区| 欧美成aⅴ人高清免费观看| 欧美交换国产一区内射| 鲁大师影院在线观看| 国产精品玩偶在线观看| 国产va在线观看|