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

    存檔

    主站蜘蛛池模板: 自拍偷在线精品自拍偷免费| 一个色av| 亚洲理论电影在线观看| 国产精品亚洲аv久久| 91日日夜夜| 新狼窝色av性久久久久久| 亚洲一卡2卡三卡4卡国色天香| 欧美日韩亚洲一区二区| 精品产国自在拍| 国产精品一国产精品| 99re8这里有精品热视频| 日韩岛国片| 久久99热成人精品国产| 岛国精品一区免费视频在线观看| 久青草视频| 超碰免费公开在线| 国产乱子伦无套一区二区三区| 欧美成人综合久久精品| 操人网| 91精品日韩| 国产成人无码av在线影院| 99久久精品国产波多野结衣 | 亚洲人成网77777香蕉| 伊人动漫| 99国产精品欧美一区二区三区 | 五月婷在线视频| 亚洲va国产va天堂va久久| 成人麻豆亚洲综合无码精品| 九九视频在线观看| 亚洲一本之道| 国产精品久久久久久久久久免费| 亚洲熟女乱色综合一区小说| 99爱爱| 亚欧三级| 自慰小少妇毛又多又黑流白浆| 欧美亚洲国产手机在线有码| 碰碰色| 欧美日韩成人免费观看| 波多野结衣不打码视频| 午夜亚洲aⅴ无码高潮片苍井空| 亚洲国产精品网站|