List: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 49: Line 49:
   MsgBox "Menu item chosen: " & i & " " & List1.getItem(i)
   MsgBox "Menu item chosen: " & i & " " & List1.getItem(i)
End Function
End Function
</pre>
Items can be formatted using HTML:
<pre>
List1.addItem("<table><tr><td width=30>1</td><td width=200>Beschreibung</td><td>19.99</td></tr></table>")
</pre>
</pre>



Revision as of 14:32, 31 October 2012

Description

The List control is used a menu list. Each line can have a name, a number and an image. Selecting one will call <ListID>_onclick(i), with i containing the line number chosen. To get the text of the list item that was called,use the expression List_jqm1.children[i].innerText in your onclick function.

To add a control to your app, choose the control’s icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need, then add functions to your code to respond to the events that come from the control: usually, just onclick..

Properties

Standard properties are supported, plus:

dividers Is the item a divider? Comma separated list of Y and N. Design time.
dividerTheme Which theme should all the dividers have? A-z. Design time
images Image file names for each line, comma separated. Design time
imageStyle None, 16x16 or 80x80. Design time
items List of item names, comma separated.Items can be plain text or HTML. Design time
showNumbers Show numbers to the left of each item. True/false. Design time
getItem(i) Returns the text of item i.
getItemCount() Returns the number of of items. Runtime.
deleteItem(all) Delete all items. With no argument, just the last item is deleted. Runtime.
addItem(text, img, n, header) Add a new item at postion n with text and img. text can be html. Runtime. If header is true, the line appears as a heading. Only text is required.
replaceItem(n, text, img) Replace item n with new text and optional img. Runtime.
refresh() Redraw list after updating. Runtime.

Events

Standard events are supported. However, events are not usually associated with the control.

Example

Function List1_onclick(i)
  Dim itemText
  If TypeName(i)="object" Then Exit Function
  MsgBox "Menu item chosen: " & i & " " & List1.getItem(i)
End Function

Items can be formatted using HTML:

List1.addItem("<table><tr><td width=30>1</td><td width=200>Beschreibung</td><td>19.99</td></tr></table>")

Output

(message box showing “Menu item chosen: 2 Two”)