ajax 動態繫結table同時實現分頁

2021-06-29 08:44:57 字數 1878 閱讀 9496

$(document).ready(function()

else

bindtable(whsql,list,page,i);

}});

$("#previous").click(function()

else

var whsql = $("#lblwhsql").text();

var list=$("#lbldrplist").text();

bindtable(whsql,list,page,i);

}});

//首頁

$("#first").click(function()

else

});//末頁

$("#last").click(function()

else  

" + jsondata[key].cusername + " 

" + jsondata[key].chostname + " 

" + jsondata[key].cunitname + " 

" + jsondata[key].cdeptname + " 

" + jsondata[key].chostuser + " 

" + jsondata[key].alarms + " 

" + jsondata[key].dtimelocal + " 

" + jsondata[key].dtimecenter + " 

" + jsondata[key].style + " 

" + jsondata[key].cpoldip + " 

" + jsondata[key].cpnewip + "   

" + jsondata[key].cusername + " 

" + jsondata[key].chostname + " 

" + jsondata[key].cunitname + " 

" + jsondata[key].cdeptname + " 

" + jsondata[key].chostuser + " 

" + jsondata[key].alarms + " 

" + jsondata[key].dtimelocal + " 

" + jsondata[key].dtimecenter + " 

" + jsondata[key].style + " 

" + jsondata[key].cpoldip + " 

" + jsondata[key].cpnewip + " 

" + jsondata[key].ccsip + " 

");   

i++;

}$("#tbo").removeattr("style");

}$("#loading").css('display','none');

$("#dtab").css('display','inline-block');

$("#divtab").css('display','none');

} });

}----------------------------------------------以上js----------------------------

--介面--

責任人主機名單位名稱

部門名稱

當前使用者名稱

報警等級

本地時間

中心時間

審計型別

原ip新ip

子中心ip

正在載入中,請稍後...

[首頁]

[末頁]

第1頁,顯示1到100

,共1頁0條記錄

---------因為要固定表頭,表th固定表頭的寫法,這中分頁方式可參考比較特殊慎用---------

Ajax動態拼接li並繫結事件

這裡統一用click事件為例 new click function 當然這種方式有一定的侷限性,那麼可以嘗試第二種方式 這裡我們用到的是 on 函式 當然你也可以用 live 函式進行繫結,他們之間的區別將在末尾介紹 body on click new function on 函式的用於為指定元素的...

ajax動態重新整理的元素裡jquery繫結事件失效

jquery事件繫結有2種方式 方法二解決失效 其一 是直接繫結在所選擇的dom元素上,這種方式,當你替換dom元素的時候,就不生效了,打個比方,你養了只鸚鵡,你教會它跟著你說hello,這個時候別人把你的鸚鵡換了乙隻了,新的鸚鵡無論你怎麼說hello也不會有反應的。元素 click functio...

動態建立Table

定義表頭 tablerow trhead new tablerow 定義列 tablecell tchead new tablecell 設定列名 tchead.text 列名1 追加乙個列 trhead.cells.add tchead tchead new tablecell 設定列名 tche...