Functions |
| uty_listview_start ($id, $selection_mode=0, $onselchange="", $onrowsubmit="", $width="100%", $tip="", $style="", $class="utylistview") |
| uty_listview_end () |
| uty_listview_head_start ($style="", $class="head") |
| uty_listview_head_end () |
| uty_listview_column ($id, $width="100px", $align="left", $text="", $img="", $onclick="", $sizable=TRUE, $tip="", $style="", $class="") |
| uty_listview_body_start ($height="200px", $table_start=TRUE) |
| uty_listview_body_end ($table_end=TRUE) |
| uty_listview_body_table_start () |
| uty_listview_body_table_end () |
| uty_listview_row_start ($tip="", $style="", $class="") |
| uty_listview_row_end () |
| uty_listview_cell_start ($tip="", $style="", $class="") |
| uty_listview_cell_end () |
Detailed Description
A listview widget, javascript object utyListview.
Function Documentation
uty_listview_body_end |
( |
$ |
table_end = TRUE |
) |
|
uty_listview_body_start |
( |
$ |
height = "200px" , |
|
|
$ |
table_start = TRUE | |
|
) |
| | |
Start the listview body
- Parameters:
-
| [height] | (string) element style height property with unit ('px', 'pt', etc, NOT ''), default="200px". NOTABENE: % NOT admitted. If="" there will be no scrollbars and all rows will be visible. |
| [table_start] | if true start the inner html table, default="TRUE" (false is used for ajax rendering) |
NB: width must be specified in uty_listview_start()
uty_listview_body_table_end |
( |
|
) |
|
End the listview body html table
uty_listview_body_table_start |
( |
|
) |
|
Start the listview body html table NB: the table is not started in uty_listview_body_start() to allow ajax loadHTML (in explorer table.innerHTML is readonly, so if using ajax we need to include the <table> in the output and change the div_body innerHTML)
uty_listview_cell_end |
( |
|
) |
|
uty_listview_cell_start |
( |
$ |
tip = "" , |
|
|
$ |
style = "" , |
|
|
$ |
class = "" | |
|
) |
| | |
Start a listview cell
- Parameters:
-
| [tip] | (string) element title attribute, default="" |
| [style] | (string) element style attribute, default="". CSS-RESERVED-PROPERTIES width:$colwidth(colptr);height:(auto);overflow:hidden |
| [class] | (string) element class attribute, default="" |
uty_listview_column |
( |
$ |
id, |
|
|
$ |
width = "100px" , |
|
|
$ |
align = "left" , |
|
|
$ |
text = "" , |
|
|
$ |
img = "" , |
|
|
$ |
onclick = "" , |
|
|
$ |
sizable = TRUE , |
|
|
$ |
tip = "" , |
|
|
$ |
style = "" , |
|
|
$ |
class = "" | |
|
) |
| | |
listview column widget. javascript object: utyListviewColumn
- Parameters:
-
| id | (string) element id and javascript variable |
| width | (string) the column width including unit ('px', 'ot, etc, NOT ''), default="100px". NOTABENE: % NOT ADMITTED |
| [align] | (width) column content alignment, default="left" |
| [text] | (string) column header text, default="" |
| [img] | (string) child img element src attribute, default="" (the img is not rendered if img="") |
| [onclick] | (string) javascript expression, default="" |
| [sizable] | (bool) if TRUE the column can be resized with the mouse. default=TRUE |
| [tip] | (string) element title attribute, default="" |
| [style] | (string) element style attribute, default="". CSS-RESERVED-PROPERTIES: width:$width;height:(auto);overflow:hidden;text-align:$align |
| [class] | (string) element class attribute, default="" |
uty_listview_head_end |
( |
|
) |
|
uty_listview_head_start |
( |
$ |
style = "" , |
|
|
$ |
class = "head" | |
|
) |
| | |
Start the listview header. javascript object: utyListviewHead
- Parameters:
-
| [style] | (string) element style attribute, default=""; CSS-RESERVED-PROPERTIES padding:0;margin:0;width:100%;overflow:hidden; |
| [class] | (strinf) element class attribute, default="head" |
uty_listview_row_start |
( |
$ |
tip = "" , |
|
|
$ |
style = "" , |
|
|
$ |
class = "" | |
|
) |
| | |
Start a new listview row
- Parameters:
-
| [tip] | (string) element title attribute, default="" |
| [style] | (string) element style attribute, default="" |
| [class] | (string) element class attribute, default="" |
uty_listview_start |
( |
$ |
id, |
|
|
$ |
selection_mode = 0 , |
|
|
$ |
onselchange = "" , |
|
|
$ |
onrowsubmit = "" , |
|
|
$ |
width = "100%" , |
|
|
$ |
tip = "" , |
|
|
$ |
style = "" , |
|
|
$ |
class = "utylistview" | |
|
) |
| | |
render a listview start html
- Parameters:
-
| id | (string) element id and javscript variable |
| selection_mode | (int) row selection: 0 = no-selection | 1 = single-selection | 2 = multiple-selection, default=0 |
| [onselchange] | (string) called when the selected row(s) changed: javascript expression, default="" |
| [onrowsubmit] | (string) called when a row is submitted (double clicked): javascript expression, default="" |
| [width] | (string) element style width property (NB: MUST include unit ('px', 'pt', etc) or ''), default="100%" |
| [tip] | (string) element title attribute, default="" |
| [style] | (string) element style attribute, default="" - CSS-RESERVED-PROPERTIES: height:[omitted];width:$width;overflow:hidden (all handled in body) |
| [class] | (string) element class attribute, default="utylistview" |
NB: height must be specified in uty_listview_body_start()