Please help i would like the record displayed by this page to automatically move to the second page and then back to first page this is done automatically based on the number of pages on the record. this is bcause this page display on the screen i wouldnt like it to be control by the user thats why i would want the pagination movement to be automatic
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Patientdata.aspx.vb" Inherits="SulaSignar.Patientdata" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form2" runat="server">
<div>
<table class="tblCustomers" style="border-collapse: collapse;" cellspacing="0" border="1">
<thead>
<tr>
<th width="350">Patient Name</th>
<th width="50">Status</th>
<th width="50">Sex</th>
<th width="150">Room Number</th>
<th width="150">Category List</th>
<th width="90">Slot Number </th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript" src="Scripts/jquery-1.8.3.min.js"></script>
<script src="<%= ResolveUrl("~/Scripts/jquery.signalR-2.1.2.min.js") %>" type="text/javascript"></script>
<script src="<%= ResolveUrl("~/signalr/hubs") %>" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$.connection.hub.start().done(function () {
setInterval(GetData, 1000);
}).fail(function (e) {
alert(e);
});
});
function GetData() {
$.ajax({
type: "POST",
url: "WebServicePatientsdata.asmx/GetCustomers",
data: '{}',
contentType: "application/json; charset=utf-8",
dataType: "json",
async: true,
success: function (response) {
var rows = '';
$(response.d).each(function () {
rows += "<tr><td>" + this.Name + "</td><td>" + this.Status + "</td><td>" + this.Sex + "</td><td>" + this.Room + "</td><td>" + this.Category + "</td><td>" + this.Slot + "</td></tr>";
});
$('.tblCustomers tbody').empty();
$('.tblCustomers tbody').append(rows);
},
failure: function (response) {
alert(response);
},
error: function (response) {
alert(response);
}
});
}
</script>
</div>
</form>
</body>
</html>