<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Test DataGrid Paging</title> <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css"> <script type="text/javascript" src="../easyui/jquery.min.js"></script> <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script> </head> <body> <div title="BIB Record" style="padding:20px;"> <table id="bib" name="bib" title="Bibliographic" class="easyui-datagrid" style="width:800px;height:500px"> <thead> <tr> <th data-options="field:'id',width:50">ID</th> <th data-options="field:'author',width:150">Author</th> <th data-options="field:'title',width:450">Title</th> <th data-options="field:'isbn',width:100">ISBN</th> </tr> </thead> </table> </div> <script type="text/javascript"> $(document).ready(function() { // set datagrid properties $('#bib').datagrid({ pagination:true, url: 'getBib.asp' }); // get page & row limit $('#bib').datagrid('getPager').pagination({ onSelectPage:function(page,rows){ //alert(page+":"+rows); $('#bib').datagrid({ url: 'getBib.asp?Page='+page+'&Limit=15' }); } }); }); </script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
