Using WebViewWidgets

From Lianjapedia
Jump to: navigation, search

To keep coding (NoCode) to a minimum there are many built-in WebViewWidgets that can be used with Lianja.showDialogPanel(), Lianja.showDialog() or as the URL in a WebView section or in a custom WebView object created with createObject("webview").

Becoming familiar with these will speed up your development so its worth spending time to get to know them. You can study the code behind these to build your own custom WebViewWidgets.

Let’s take a look at these.

Data List View

lib:/datalistview.rsp?parameter=value&parameter=value...

Parameter Description Default value
database southwind
table customers
columns A comma separated list of columns to be displayed customerid,companyname
hyperlink An optional column name that will be displayed as a hyperlink customer
sectionid The optional page.section ID that will be searched using the hyperlink text when the hyperlink is clicked e.g. page1.section1 page1
clickdelegate The optional delegate to be called when the hyperlink is clicked. The delegate is called with one argument, the text of the hyperlink that was clicked.
delegatelib The optional name of the delegate library containing the delegates. This should be written in JavaScript for Web/Mobile Apps.

Examples:

Lianja.showDialogPanel(
	"CUSTOMER LIST",
	"lib:/datalistview.rsp?database=southwind&table=customers&columns=customerid," +
        +"companyname&hyperlink=companyname&sectionid=customers.section1");

Wvw-1.png

Lianja.showDialog(
	"CUSTOMER LIST",
	"lib:/datalistview.rsp?database=southwind&table=customers&columns=customerid," 
        + "companyname&hyperlink=companyname&sectionid=customers.section1", 0, 0, true);

Wvw-2.png


PDF Document View

lib:/documentview.rsp?parameter=value&parameter=value...

Parameter Description Default value
file The pdf filename to be displayed compressed.tracemonkey-pldi-09.pd

Examples:

Lianja.showDialogPanel("DOCUMENT VIEW","lib:/documentview.rsp?file=compressed.tracemonkey-pldi-09.pdf")

Wvw-3.png

Lianja.showDialog("DOCUMENT VIEW","lib:/documentview.rsp?file=compressed.tracemonkey-pldi-09.pdf",0,0,true);

Wvw-4.png

Google Chart View

lib:/googlechart.rsp?parameter=value&parameter=value...

Parameter Description Default value
type The chart type; pie, map, gauge, donut, bar, column pie
title The title for the chart Untitled
data The data is specific to the type of Google Chart being generated TBA
options The options are specific to the type of Google Chart being generated TBA

Examples:

Lianja.showDialogPanel("GOOGLE CHART","lib:/googlechart.rsp");

Wvw-5.png

Lianja.showDialogPanel("GOOGLE CHART","lib:/googlechart.rsp", 0, 0, true);

Wvw 6.png

Tree View

lib:/treeview.rsp?parameter=value&parameter=value...

Parameter Description Default value
database southwind
table customers
title companyname
key contactname
groupby country,region,city
filter
fields *
expandall false
clickdelegate
dblclickdelegate
delegatelib

Examples:

Lianja.showDialogPanel("TREE VIEW","lib:/treeview.rsp");

Wvw-7.png

Lianja.showDialog("TREE VIEW","lib:/treeview.rsp", 0, 0, true);

Wvw-8.png

Google Map View

lib:/googlemap.rsp?parameter=value&parameter=value...

Parameter Description Default value
address Boston,MA

Examples:

Lianja.showDialogPanel("CUSTOMER LOCATION","lib:/googlemap.rsp");

Wvw-9.png

Lianja.showDialog("CUSTOMER LOCATION","lib:/googlemap.rsp",0,0,true);

Wvw-10.png

OrgChart View

lib:/orgchart.rsp?parameter=value&parameter=value...

Parameter Description Default value
database southwind
table employees
titlebackcolor lightblue
columnid employeeid
keycolumn lastname
parentid reportsto
caption base64_encode("title")
description base64_encode("trim(firstname)+' '+trim(lastname)+'
'+etos(hiredate)"))
nodewidth 160
nodeheight 160
filter
editable
addcaption
showcontrols false
clickdelegate
dblclickdelegate
backcolordelegate
forecolordelegate
delegatelib

Examples:

Lianja.showDialog("ORGCHART VIEW","lib:/orgchart.rsp",0,0,true);

Wvw-11.png

Catalog View

lib:/catalogview.rsp?parameter=value&parameter=value...

Parameter Description Default value
database southwind
table customers
heading
cellfooter
cellfootertarget
cellfooterkey
image
imagewidth 200px
imageheight 200px
caption
subcaption
captiontarget
captionkey
details No details specified
filter
gridlines false
orderby
columns 1
readmore false
readmoresize 0
readmoresearchkey
readmorelink
paginate true
pagenumber 1
pagesize 8
sectionid
pagelinks 10
backcolor #e5e5e5
borderbottomandrightcolor #b0b0b0
bordertopandleftcolor lightgray
clickdelegate
dblclickdelegate
delegatelib
targetui Adjust for specific target UI Web. Valid values are web, phone, tablet

Examples:

Lianja.showDialogPanel("CATALOG VIEW","lib:/catalogview.rsp")

Wvw-12.png

Lianja.showDialog("CATALOG VIEW","lib:/catalogview.rsp",0,0,true);

Wvw-13.png

Report View

lib:/report.rsp?parameter=value&parameter=value...

Parameter Description Default value
type The type of report to be generated. Currently only tabular reports are supported. tabular
database southwind
table example
fields An optional comma separated list of field names in the database table
groupby An optional comma separated list of field names that the report should be grouped on when calculating sub-totals state
heading An optional heading to be displayed at the top of the report Report for all clients by state
headings An optional comma separated list of column headings
filter An optional filter condition to be applied to the database/table records
hyperlinks An optional comma separated list of field names that will be displayed as hyperlinks. See the click delegate below.
columns An optional comma separated list of column ordinal positions in the database table 2,4,3,5,6,7,8,9,10,11
subtotals An optional comma separated list of column ordinal positions in the database table that subtotals will be displayed for 9,10,11
gridlines Determines whether grid lines will be displayed in the report true
clickdelegate The optional delegate to be called when the hyperlink is clicked. This is called with two arguments; the field name and the hyperlink text.
delegatelib The optional name of the delegate library containing the delegates. This should be written in JavaScript for Web/Mobile Apps.

Examples:

Lianja.showDialogPanel("REPORT VIEW","lib:/report.rsp", "65%")

Wvw-14.png

Lianja.showDialog("REPORT VIEW","lib:/report.rsp",0,0,true)

Wvw-15.png

Gallery View

lib:/galleryview.rsp?parameter=value&parameter=value...

Parameter Description Default value
database southwind
table employees
filter
orderby
tiledelegate defaultTiledelegate
caption alltrim(firstname)+' '+alltrim(lastname)+'
'+alltrim(address)+'
'+alltrim(city)+'
'+alltrim(region)+'
'+alltrim(country)
summary title
contentdelegate defaultContentdelegate
heading alltrim(firstname)+' '+alltrim(lastname)
content notes
contenturl
delegatelib

Examples:

Lianja.showDialogPanel("GALLERY VIEW","lib:/galleryview.rsp");

Wvw-16.png

Lianja.showDialog("GALLERY VIEW","lib:/galleryview.rsp",1000,600,true);

Wvw-17.png

Comments View

lib:/commentsview.rsp?parameter=value&parameter=value...

Parameter Description Default value
database southwind
table comments
category
childkey childkey
caption Comments about {customers.companyname}
topic
topics
username admin
refreshinterval 10

Examples:

Lianja.showDialogPanel("COMMENTS VIEW","lib:/commentsview.rsp", -850)

Wvw-18.png

Lianja.showDialog("COMMENTS VIEW","lib:/commentsview.rsp")

Wvw-19.png

Calendar View

lib:/calendar.rsp?parameter=value&parameter=value...

Parameter Description Default value
database southwind
table employees_calendar
view Month; valid values are Month, Week or Day
eventtypecolumn eventtype
filter
titlecolumn eventtitle
startcolumn eventstart
endcolumn eventend
alldaycolumn eventallday
repeatingcolumn eventrepeat
eventtypechoices Sales Meeting:yellow:black,Meeting,Vacation:gray:lightgreen,Sick:red:yellow,Appointment:green:white,Other
keyexpr
keyvalue
rowid rowid
pageid
sectionid
columns
readonly false
hideformbar false
autoheight true
clickdelegate calendar_click
daybackcolordelegate
eventbackcolordelegate eventbg
eventforecolordelegate eventfg
delegatelib
targetui

Examples:

Lianja.showDialogPanel("CALENDAR VIEW","lib:/calendar.rsp", "65%")

Wvw-20.png

Lianja.showDialog("CALENDAR VIEW","lib:/calendar.rsp", 1000,600)

Wvw-21.png

Web Editor View

lib:/web_editor.rsp?parameter=value&parameter=value...

Parameter Description Default value
database The optional database containing the table/column to be edited
table The optional table containing the column to be edited
column The optional column to be edited
rowid The optional rowid/recno that should be edited.
html The optional base64 encoded html to be edited
savedelegate The optional name of the delegate to handle a save operation. It is passed with five arguments e.g. saveDelegate(database, table, column, rowid, html). The html is base64 encoded.
readdelegate The optional name of the delegate to handle a read operation. It is passed with four arguments e.g. readDelegate(database, table, column, rowid). It should return the html which should be base64 encoded.
delegatelib The optional name of the delegate library containing the delegates. This should be written in JavaScript for Web/Mobile Apps.

Examples:

Lianja.showDialogPanel("EDITOR VIEW","lib:/web_editor.rsp", "65%")

Wvw-22.png

Lianja.showDialog("EDITOR VIEW","lib:/web_editor.rsp", 1000, 600, true)

Wvw-23.png