Include the DbNetGrid JavaScript library

Use the window "onload" event to initialise the component

Include the Javascript library file

Client-side script

window.onload = initGrid

//////////////////////////////////////////////////////////////////////////////////////////////
function initGrid()
//////////////////////////////////////////////////////////////////////////////////////////////
{
	var dbnetgrid1 = new DbNetGrid( "dbnetgrid1" )

with ( dbnetgrid1 )
	{
		connectionString = "sqlserver"
		selectPart = ["LastName","FirstName","EmailAddress","Phone"]
		headings = ["Last Name","First Name","Email Address","Phone"]

setColumnProperty("emailaddress","format:richtext")
		asyncLoad = true
		fromPart = "person.contact"
		editRow = false
		loadData()
	}
}
</script>
</head>
<body>
<div class=text>DbNetGrid is scalable. Written using the very efficient DataReader class it will happily support hundreds of concurrent users and work with 100,000's or rows of data.</div>
<%
WriteHeader();
%>

<div id=source style="display:none">
	<h5 class=source>Include the DbNetGrid JavaScript library</h5>
	<textarea  name="code" class="javascript" rows=1 style="width:100%">
	<script language="JavaScript" src="/dbnetgrid/dbnetgrid.js">

HTML

<h5 class=source>Use the window "onload" event to initialise the component</h5>
	<textarea  name="code" class="javascript" rows=15 style="width:100%">
window.onload = initGrid

with ( dbnetgrid1 )
	{
		connectionString = "samples"
		selectPart = ["LastName","FirstName","EmailAddress","Phone"]
		headings = ["Last Name","First Name","Email Address","Phone"]

setColumnProperty("emailaddress","format:richtext")
		asyncLoad = true
		fromPart = "person.contact"
		editRow = false
		loadData()
	}
}
</textarea>