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 = "Suppliers"

			setColumnExpressions("SupplierID","CompanyName","Address","City");
			setColumnProperty("SupplierID", "label", "Supplier ID");
			setColumnProperty("CompanyName",{required:true, label:"Company Name"});
			setColumnProperty("Address", "editControlType", "TextArea");

			setColumnProperty(["CompanyName","City"], "unique", true);

			bind("onBeforeEditInitialized", customiseEditControl)
			bind("onUniqueConstraintViolated", notifyUserOfDuplicateSupplierName)

			initialize()
		}
	}

	///////////////////////////////////////////////////////////////
	function customiseEditControl(sender, args)
	///////////////////////////////////////////////////////////////
	{
		args.editControl.setColumnProperty("CompanyName", "label", "Company")
	}

	///////////////////////////////////////////////////////////////
	function notifyUserOfDuplicateSupplierName(sender, args)
	///////////////////////////////////////////////////////////////
	{
		args.message = "A supplier with this name in this city is already recorded";
	}


	</script>

HTML markup

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