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 dbnetlist1 = new DbNetList("dbnetlist1");

		with (dbnetlist1)
		{
			connectionString = "SamplesDatabase"
			sql = "select categoryname, categoryid from categories order by categoryname"
			setColumnProperty("categoryid","display", false)
			addNestedList( configureProductsList )
			initialize()
		}
	}

	function configureProductsList(list)
	{
		with (list)
		{
			sql = "select productname, discontinued, productid from products where categoryid = ? order by productname"
			parameters = {"categoryid" : "" }
			bind("onRowTransform", transformRow)
			bind("onLinkSelected", showSelectedProduct)
			setColumnProperty("productname","selectable", true)
			setColumnProperty("discontinued","display", false)
			setColumnProperty("productid","display", false)
		}
	}

	function transformRow(control, args)
	{
		if (args.row.getAttribute("discontinued").toLowerCase() == "true")
		{
			var productCell = jQuery(control.getCell(args.row,"productname"))
			var s = productCell.children().text();
			productCell.html(s).css("color","#999999").attr("title","Discontinued");
		}
	}

	function showSelectedProduct(control, args)
	{
		var productname = control.columnValue( args.row, "productname");
		var productid = control.columnValue( args.row, "productid");
		alert( productname + " (" + productid + ") selected" )
	}
	</script>

HTML markup

<div id="dbnetlist1"></div>