Dropdown (Bootstrap) - Revision history

Ghenne at 14:33, 10 March 2019

2019-03-10T14:33:56Z

← Older revision		Revision as of 14:33, 10 March 2019
Line 49:		Line 49:
	Standard [[events\|events]] are supported. For this control, the onclick event will be most useful.		Standard [[events\|events]] are supported. For this control, the onclick event will be most useful.

	== Example ~~(Basic)~~ ==		== Example ==
	~~Ignore the event when the Dropdown is first clicked, and handle the event when a selection is made.~~
	~~<pre>~~
	~~Function Dropdown1_onclick(s)~~
	~~If typeof(s)="object" Then return~~
	~~MsgBox s & " " & Dropdown1.selection~~
	~~End Function~~
	~~</pre>~~

	~~== Example (~~JavaScript~~) =~~=		<tabber>
	~~Ignore the event when the Dropdown is first clicked, and handle the event when a selection is made.~~		JavaScript=
	<~~pre~~>		<syntaxhighlight lang="JavaScript">
			// JavaScript
	Dropdown1.onclick = function(s) {		Dropdown1.onclick = function(s) {
	if (typeof(s) == "object") {		if (typeof(s) == "object") {
Line 66:		Line 60:
	}		}
	NSB.MsgBox(s + " " + Dropdown1.selection);		NSB.MsgBox(s + " " + Dropdown1.selection);
	};</~~pre~~>		};
			</syntaxhighlight>
			\|-\|
			BASIC=
			<syntaxhighlight lang="vb.net">
			' Basic
			Function Dropdown1_onclick(s)
			If typeof(s)="object" Then return
			MsgBox s & " " & Dropdown1.selection
			End Function
			</syntaxhighlight>
			</tabber>

	== Output ==		== Output ==

2019-02-02T14:16:31Z

Output

2018-09-19T11:56:35Z

Properties and Methods

← Older revision		Revision as of 11:56, 19 September 2018
Line 27:		Line 27:
	\|-		\|-
	\| grouping \|\| Is this control part of a group? Choices are No, Start Horizontal, Start Vertical, Middle and End.		\| grouping \|\| Is this control part of a group? Choices are No, Start Horizontal, Start Vertical, Middle and End.
			\|-
			\| filter \|\| Display a textbox to input a filter for items to display (Bootstrap 4).
			\|-
			\| filterPlaceholder \|\| Prompt for filter textbox. (Bootstrap 4)
	\|-		\|-
	\| groupStyle \|\| The styling to apply to the entire group.		\| groupStyle \|\| The styling to apply to the entire group.

2018-09-19T11:54:31Z

Properties and Methods

← Older revision		Revision as of 11:54, 19 September 2018
Line 38:		Line 38:
	\| selection \|\| Get the value of the selection (after an item is selected). Runtime.		\| selection \|\| Get the value of the selection (after an item is selected). Runtime.
	\|-		\|-
	\| value \|\| Get or Set the ~~number~~ of the ~~selection~~. Runtime.		\| value \|\| Get or Set the title of the dropdown button. Runtime.
	\|}		\|}

2017-04-04T13:36:58Z

Properties and Methods

← Older revision		Revision as of 13:36, 4 April 2017
Line 37:		Line 37:
	\|-		\|-
	\| selection \|\| Get the value of the selection (after an item is selected). Runtime.		\| selection \|\| Get the value of the selection (after an item is selected). Runtime.
			\|-
			\| value \|\| Get or Set the number of the selection. Runtime.
	\|}		\|}

2016-11-21T18:35:08Z

Properties and Methods

← Older revision		Revision as of 18:35, 21 November 2016
Line 16:		Line 16:
	{\| class="wikitable"		{\| class="wikitable"
	\|-		\|-
	\| addItem(''item'', ''type'') \|\| Adds an ''item'' to the end. ''type'' can be "checked" or "disabled" . Runtime.		\| addItem(''item'', ''type'') \|\| Adds an ''item'' to the end. ''type'' can be "divider", "checked" or "disabled" . Runtime.
	\|-		\|-
	\| appearance \|\| Appearance of the alert. Can be success, info, warning, danger.		\| appearance \|\| Appearance of the alert. Can be success, info, warning, danger.
Line 32:		Line 32:
	\| icon \|\| An optional [http://getbootstrap.com/components/#glyphicons icon] to appear at the top of the list. Design Time and Runtime.		\| icon \|\| An optional [http://getbootstrap.com/components/#glyphicons icon] to appear at the top of the list. Design Time and Runtime.
	\|-		\|-
	\| items \|\| Items to show, one per line. Prefix * for disabled, > for selected, ! for heading (not all controls support headings). Design Time.		\| items \|\| Items to show, one per line. Prefix * for disabled, > for selected, ! for heading (not all controls support headings). Just a "-" draws a line between the items. Design Time.
	\|-		\|-
	\| length \|\| Current number of items. Runtime.		\| length \|\| Current number of items. Runtime.

2016-09-03T12:22:46Z

Properties and Methods

← Older revision		Revision as of 12:22, 3 September 2016
Line 22:		Line 22:
	\| badge \|\| Adds a Badge to the control. Design Time and Runtime.		\| badge \|\| Adds a Badge to the control. Design Time and Runtime.
	\|-		\|-
	\| clear \|\| Clears all items. Runtime.		\| clear() \|\| Clears all items. Runtime.
			\|-
			\| enable([''index'',]''bool'') \|\| Enables and disables items. ''Index'' can be an item or an array of items. If no index supplied, all items are affected. ''Bool'' is true or false. Runtime only.
	\|-		\|-
	\| grouping \|\| Is this control part of a group? Choices are No, Start Horizontal, Start Vertical, Middle and End.		\| grouping \|\| Is this control part of a group? Choices are No, Start Horizontal, Start Vertical, Middle and End.

2016-06-05T10:40:50Z

Example (JavaScript)

← Older revision		Revision as of 10:40, 5 June 2016
Line 51:		Line 51:

	== Example (JavaScript) ==		== Example (JavaScript) ==
	~~Go through all~~ the ~~checkboxes~~ and ~~see which ones have been chosen~~.		Ignore the event when the Dropdown is first clicked, and handle the event when a selection is made.
	<pre>		<pre>
	Dropdown1.onclick = function(s) {		Dropdown1.onclick = function(s) {

2016-06-05T10:40:35Z

Example (Basic)

← Older revision		Revision as of 10:40, 5 June 2016
Line 42:		Line 42:

	== Example (Basic) ==		== Example (Basic) ==
	~~Go through all~~ the ~~checkboxes~~ and ~~see which ones have been chosen~~.		Ignore the event when the Dropdown is first clicked, and handle the event when a selection is made.
	<pre>		<pre>
	Function Dropdown1_onclick(s)		Function Dropdown1_onclick(s)

2016-06-05T10:39:44Z

Example (Basic)

← Older revision		Revision as of 10:39, 5 June 2016
Line 46:		Line 46:
	Function Dropdown1_onclick(s)		Function Dropdown1_onclick(s)
	If typeof(s)="object" Then return		If typeof(s)="object" Then return
	MsgBox s & " " & Dropdown1.selection ~~& Dropdown1.value~~		MsgBox s & " " & Dropdown1.selection
	End Function		End Function
	</pre>		</pre>