The view dialog can be used to display more detailed information for a selected row. The layout of the view dialog can be customised by providing an HTML template specified in the viewTemplatePath property. A customised print can also be implemented using the viewPrintTemplatePath property

Include the Javascript library file

Client-side script

window.onload = initGrid
var dbnetgrid1
//////////////////////////////////////////////////////////////////////////////////////////////
function initGrid()
//////////////////////////////////////////////////////////////////////////////////////////////
{
	dbnetgrid1 = new DbNetGrid("dbnetgrid1")

with (dbnetgrid1)
	{
		connectionString = "samples"
		fromPart = 'employees'

primaryKeyColumn = "EmployeeID"

selectPart = ["LastName", "FirstName", "Title", "TitleOfCourtesy", "BirthDate", "HireDate", "Address", "City", "Region", "PostalCode", "Country", "HomePhone", "Extension","Photo"]
 		headings = ["Last Name", "First Name", "Title", "Title", "Birth Date", "Hire Date", "Address", "City", "Region", "Postal Code", "Country", "Home Phone", "Extension","Photo"]

editRow = false

view = true
		viewPrint = true

viewFields = ["LastName", "FirstName", "Title", "TitleOfCourtesy", "BirthDate", "HireDate", "Address", "City", "Region", "PostalCode", "Country", "HomePhone", "Extension","notes", "Photo"]

viewTemplatePath = virtualDir + "samples/templates/view_dialog_template_example.htm"
		viewPrintTemplatePath = virtualDir + "samples/templates/view_dialog_print_template_example.htm"

setColumnProperty("photo","imageThumbnail:25%")

loadData()
	}
}