JSON.Parse

2018-02-18T12:46:23Z

Suseday: /* Example (Basic) */

JSON.parse (''string''[, ''reviver''])

== Description ==

JSON.parse converts a string created by JSON.Stringify into an object. It is useful for interchanging data with other systems and for saving objects to localStorage and databases. ''string'' is the string to be converted. ''reviver'' is an optional function name that can be used to do some processing of the data while being parsed.

A handy tool to look at JSON strings is located at http://www.jsoneditoronline.org.

== Example (Basic) ==

<pre>
Rem JSON.parse Example
Dim s = "{""a"": ""this is string a"", ""b"": 99}"
myObject=JSON.parse(s, reviver)
Print "myObject.a:" & myObject.a & " myObject.b:" & myObject.b

Function reviver(key, value)
If key="a" and TypeName(Value)= "Integer" Then
reviver=CStr(value) 'If value is a number, we want to change it to string.
Else
reviver=value
End If
End Function
</pre>

== Example (JavaScript) ==
<pre>
// JSON.parse Example
myObject=JSON && JSON.parse(s, reviver) || $.parseJSON(s, reviver);
NSB.Print("myObject.a:" + myObject.a + " myObject.b:" + myObject.b);

reviver = function(key, value) {
if(key=="a" && TypeName(Value)== "Integer") {
return value.toString(); //If value is a number, we want to change it to string.
} else {
return value;
}
}
</pre>

== Output ==

<pre>
myObject.a:12355 myObject.b:4
</pre>

== Related Items ==

[[json.stringify|JSON.Stringify]]

[[Category:Language Reference]]

[[Category:Miscellaneous]]

Listgroup (Bootstrap)

2018-02-09T12:57:05Z

Suseday: /* Example (Basic) */

[[file:Bslistgroup.png]]

== Description ==

List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.

Two onclick events happen when a Dropdown is clicked. When the control is initially clicked, an event is sent. When the user makes a selection, onclick is called again with the text of the selection.

[[Introduction_to_Bootstrap#Popovers_and_Tooltips|Popovers and Tooltips]] are supported.

== Properties and Methods ==

Standard [[properties and methods|properties]] are supported, plus:
{| class="wikitable"
|-
| appearances || Appearance of each item, one per line. Can be default, success, info, warning or danger. Design time.
|-
| addItem(''item'', ''type'', ''appearance'') || Adds an ''item'' to the end. ''item'' can be HTML - characters like LF and CR should not be included.
''type'' can be "active" or "disabled". Runtime.
|-
| clear || Clears all items. Runtime.
|-
| itemBadges || Badges to show, one per line.
|-
| items || Items to show, one per line. Prefix * for disabled, > for selected, ! for heading (not all controls support headings). Design Time.
|-
| length || Current number of items. Runtime.
|}

== Events ==

Standard [[events|events]] are supported. For this control, the onclick event will be most useful.

== Example (Basic) ==
<pre>
Function Listgroup1_onclick(choice)
MsgBox "The choice is " & choice
End Function
</pre>

Set and unset the 3rd line to active:
<pre>
$("#Listgroup1_2").addClass("active")
$("#Listgroup2_2").removeClass("active")
</pre>

Change the text of line n:
<pre>
NSB.$("Listgroup1_" & n).textContent = "New text"
</pre>

Change line n as html:
<pre>
NSB.$("Listgroup1_" & n).innerHTML = "New text"
</pre>

Change line 1 as html and set the badge:
<pre>
Listgroup1_1.innerHTML = "item 22"
</pre>

== Example (JavaScript) ==
Ignore the event when the Dropdown is first clicked, and handle the event when a selection is made.
<pre>
Listgroup1.onclick = function(choice) {
NSB.MsgBox("The choice is " + choice);
};
</pre>

Set and unset the 3rd line to active:
<pre>
$("#Listgroup1_2").addClass("active");
$("#Listgroup2_2").removeClass("active");
</pre>

Change the text of line n:
<pre>
NSB.$("Listgroup1_" + n).textContent = "New text"
</pre>

Change line n as html:
<pre>
NSB.$("Listgroup1_" + n).innerHTML = "New text"
</pre>

Change line 1 as html and set the badge:
<pre>
Listgroup1_1.innerHTML = "item 22"
</pre>

== Output ==

[[Category:Language Reference]]

[[Category:Controls]]

[[Category:Bootstrap]]

[[Category:iWebKit]]

NSB App Studio - User contributions [en]

JSON.Parse

Listgroup (Bootstrap)