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 = "customers"
			bind("onSearchDialogApply",displaySearchCriteria)
			initialize()
		}
	}

	function displaySearchCriteria(grid, args)
	{
	    if (args.dialog.filterText() == '') {
	        args.cancel = true
	        args.message = 'Please specify some search criteria'
			return;
	    }

		jQuery("#searchCriteriaHtml").html(grid.searchFilterText);
		jQuery("#searchCriteriaText").text(grid.searchFilterText.replace(/<(.*?)>/g,""));
	}
	</script>

HTML markup

<table>
	<tr>
		<td style="width:50%">
			<fieldset>
			<legend>HTML Search Filter</legend>
				<div style="border:1pt solid silver;height:50px;width:100%;padding:2px;" id="searchCriteriaHtml">&nbsp;</div>
			</fieldset>
		</td>
		<td style="width:50%">
			<fieldset>
			<legend>Text Search Filter</legend>
				<textarea style="height:50px;width:100%;" id="searchCriteriaText">&nbsp;</textarea>
			</fieldset>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<div id="dbnetgrid1"></div>
		</td>
	</tr>
</table>

CSS

<style>
.filter-text-label {font-weight:bold}
.filter-text-value {font-weight:bold}
.filter-text-op {color:dimgray}
</style>