ListBox

From Morfik Wiki

A ListBox control is used to display a list of items that the user can select by clicking.

	Key properties:	Data Field, Items
	Key events:	OnClick
	Server Code:	ListBox = Class(TWebControl)
	Browser Code:	ListBox = Class(TPartsContainer)

Graphical States

States	Appearance	Description
Normal		The default state for the control when no other state is active.
Mouseover		This view is displayed when the user moves the cursor over the control
Focused		This view is displayed when the control's ability to receive input is disabled.
Disabled		This view is displayed when the control's ability to receive input is disabled.

Learn more about Morfik Styles and Themes.

Layout

'

Properties

Events (browser-side)

Events (server-side)

Remarks

Data Binding

Use Data Field property to bound ListBox control to the data source allowing to display information associated with a field in the Data Source. ListBox bound to the Data Source in a single form mode will display all records available in the current page of the Dataset.

Run-time behavior

You can manipulate with Listbox items programmaticaly both in Server side and Browser side.

Server-Side Syntax

FX Code

Procedure Form1.Listbox1BeforePrint(Sender: TWebControl; Canvas: TWebCanvas; Var Print: Boolean);
Begin
    Listbox1.Items.Add('Red');
    Listbox1.Items.Add('Green');
    Listbox1.Items.Add('Blue');
End;

Published Message Sub Listbox1BeforePrint(Sender As TWebControl, Canvas As TWebCanvas, ByRef Print As Boolean)
  Listbox1.Items.Add("Red")
  Listbox1.Items.Add("Green")
  Listbox1.Items.Add("Blue")
End Sub

published message void Listbox1BeforePrint(TWebControl Sender, TWebCanvas Canvas, ref Boolean Print)
{
  Listbox1.Items.Add("Red");
  Listbox1.Items.Add("Green");
  Listbox1.Items.Add("Blue");
}

Browser-Side Syntax

FX Code

  Listbox1.Add('Red');
  Listbox1.Add('Green');
  Listbox1.Add('Blue');

  Listbox1.Add("Red")
  Listbox1.Add("Green")
  Listbox1.Add("Blue")

  Listbox1.Add("Red");
  Listbox1.Add("Green");
  Listbox1.Add("Blue");

Related Topics

• Controls