Include the client JavaScript & CSS libraries

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

Client-side configuration script

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

	function init()
	{
		var letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
		
		for (var i=0; i<letters.length; i++) {
			var letter = letters.substr(i,1)
			var a = jQuery("<a/>").attr("href","#tab").text(letter);
			var li = jQuery("<li/>");
			li.append(a)
			jQuery("#tabs-list").append(li);
		}
	
		jQuery("#tabs").show();
		jQuery("#tabs").tabs();
		jQuery("#tabs").bind("tabsactivate", tabSelected);

		var dbnetedit1 = new DbNetEdit("tab");
		with (dbnetedit1){
			search = false
			connectionString = "SamplesDatabase"
			fromPart = "Customers"
			setColumnProperty("companyname","browse", true)
			fixedFilterSql = "companyname like @companyname";
			fixedFilterParams["companyname"] = "A%";
			initialize()
		}
	}
	
	function tabSelected(event, ui) {
		with (DbNetLink.components["tab"]) {
			fixedFilterParams["companyname"] = jQuery(ui.newTab).text() + "%";
			getRecordSet();
		}
	}
	</script>

HTML markup

    <table>
		<tr>
			<td>
				<div id="tabs" style="display:none">
					<ul id="tabs-list"></ul>
					<table>
						<tr>
							<td style="vertical-align:top">
								<div id="tab"></div>
							</td>
							<td style="vertical-align:top">
								<div style="padding-top:10px" class="legend">Customer List</div>
								<div id="tab_browsePanel"></div>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
    </table>