AspxGridView控件定時動態顯示數據

使用ajax技術,定時爲AspxGridView刷新綁定數據,但AspxGridView控件本身就自帶了該功能,所以實現起來更加簡單了。

首先們爲AspxGrdiView設置以下屬性:
<ClientSideEvents Init="grid_Init" BeginCallback="grid_BeginCallback" EndCallback="grid_EndCallback" / >

然後添加js事件:
<script type="text/javascript" >
var timeout;
function scheduleGridUpdate(grid) {
    window.clearTimeout(timeout);
    timeout = window.setTimeout(
        function() { grid.Refresh(); },
        4000
    );
}
function grid_Init(s, e) {
    scheduleGridUpdate(s);
}
function grid_BeginCallback(s, e) {
    window.clearTimeout(timeout);
}
function grid_EndCallback(s, e) {
    scheduleGridUpdate(s);
}
</script >

這樣AspxGrdiView每隔4秒就會自動刷新一下數據了。我們也可以修改上面代碼中的4000來改變刷新間隔的時間,單位是毫秒,4000毫秒就是4秒了。
發佈了93 篇原創文章 · 獲贊 2 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章