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 dbnetedit1 = new DbNetEdit("dbnetedit1");
		with (dbnetedit1)
		{
			connectionString = "SamplesDatabase"
			fromPart = "employees"
			setColumnExpressions("EmployeeID","firstname","lastname","title","TitleOfCourtesy","BirthDate","HireDate","Address","City","Region","PostalCode","Country","HomePhone","Extension","Photo","Notes","ReportsTo")

			setColumnProperty("EmployeeID","primaryKey",true);
			setColumnProperty("Address","editControlType","textarea");
			setColumnProperty("Address","style","width:100px");
			setColumnProperty("ReportsTo","lookup","select EmployeeID, LastName + ', ' + FirstName from Employees order by LastName,FirstName");
		}

		var dbnetgrid1 = new DbNetGrid("dbnetgrid1");
		with (dbnetgrid1)
		{
			connectionString = "SamplesDatabase"
			fromPart = "employees"
			setColumnExpressions("firstname","lastname","ReportsTo")
			setColumnProperty("ReportsTo","Lookup","select EmployeeID, LastName + ', ' + FirstName from Employees order by LastName,FirstName")

			addLinkedControl(dbnetedit1,true);
			initialize()
		}

	}
	</script>

HTML markup

<div id="dbnetgrid1" style="float:left;padding:10px;"></div>
<div id="dbnetedit1" style="float:left;padding:10px;border-left:1pt solid #999;"></div>