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()
	{
		var dbnetgrid1 = new DbNetGrid("dbnetgrid1");
		with (dbnetgrid1)
		{
			connectionString = "SamplesDatabase"
			fromPart = "Employees"
			setColumnExpressions("EmployeeID","LastName","FirstName","BirthDate","HireDate","Address","City","Region","PostalCode","Country","HomePhone","Extension","Photo","Notes","ReportsTo","Title", "TitleOfcourtesy");
			setColumnProperty("Photo", "uploadExtFilter", "jpg,gif,png");
			setColumnProperty("Photo", "display", false);
			setColumnProperty("Notes", "display", false);
			setColumnProperty("Title", "display", false);
			setColumnProperty("EmployeeID", "display", false);
			setColumnProperty("TitleOfcourtesy", "display", false);
			setColumnProperty("ReportsTo","lookup","select employeeid, lastname + ',' + firstname from employees order by lastname,firstname");

			bind("onViewRecordSelected", setViewDialogTitle)
			bind("onViewOutput", customisePrint)
			
			updateRow = false
			insertRow = false
			deleteRow = false
			view = true
			viewTemplatePath = "view_dialog_print_template_example.htm"
			
			initialize()
		}
	}

	///////////////////////////////////////////////////////////////
    function setViewDialogTitle(sender, args)
    ///////////////////////////////////////////////////////////////
    {
		args.dialog.setTitle( args.record["firstname"] + " " + args.record["lastname"] )
	}
	
	///////////////////////////////////////////////////////////////
    function customisePrint(sender, args)
    ///////////////////////////////////////////////////////////////
    {
		var title = jQuery("<h3/>").text(args.record["firstname"] + " " + args.record["lastname"])
		args.body.prepend(title)
	}
	

	</script>

HTML markup

	<div id="dbnetgrid1"></div>