Include the client JavaScript & CSS libraries

	<link rel="stylesheet" type="text/css" href="dbnetsuite.css.ashx" />
	<script language="JavaScript" src="dbnetsuite.js.ashx"></script>

Client-side configuration script

	<script>
	jQuery(document).ready( init )

	function init()
	{
		jQuery("#pageSize").change(setOutputPageSize);
		var dbnetgrid1 = new DbNetGrid("dbnetgrid1");
		with (dbnetgrid1)
		{
			connectionString = "SamplesDatabase"
			fromPart = "customers"
			customSave = true
			bind("onBeforeOutput", customiseOutput);
			bind("onOutput", customiseOutputDocument);
			initialize()
		}
	}

	function customiseOutput(grid, args)
	{
		args.outputParameters["title"] = document.getElementById("reportTitle").value
		args.outputParameters["date"] = new Date().toString();
		args.outputParameters["filter"] = grid.searchFilterText;
		args.outputTemplate = "~/samples/dbnetgrid/OutputTemplate.htm"
	}

	function customiseOutputDocument(grid, args)
	{
		args.document.body.style.backgroundColor = "lightyellow";
	}

	function setOutputPageSize(event)
	{
		DbNetLink.components["dbnetgrid1"].outputPageSize = event.target.value
	}

	</script>

HTML markup

	Output&nbsp;Title&nbsp;<input id="reportTitle" value="Enter report title ..."/>
	Output&nbsp;Page&nbsp;Size&nbsp;<select id="pageSize"><option value=0>No Paging<option value=10>10 records per page<option value=20>20 records per page<option value=30>30 records per page</select>
	<div id="dbnetgrid1"></div>