JqxSwitchButton - Revision history

Ghenne: /* Properties and Methods */

2016-04-07T17:20:04Z

Properties and Methods

← Older revision		Revision as of 17:20, 7 April 2016
Line 8:		Line 8:
	== Properties and Methods ==		== Properties and Methods ==

	~~See~~ the ~~complete documentation at~~ jqWidget's ~~site~~:		This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.
	http://www.jqwidgets.com/jquery-widgets-documentation/~~documentation/jqxbutton/jquery-button-getting-started~~.~~htm~~

	== Example ==		== Example ==

Ghenne: /* Description */

2013-08-30T12:56:48Z

Description

← Older revision		Revision as of 12:56, 30 August 2013
Line 3:		Line 3:
	== Description ==		== Description ==
	The jqxSwitchButton represents a button widget that switches its checked state after a click. It is very similar to the jqxToggleButton, but it has different UI look.		The jqxSwitchButton represents a button widget that switches its checked state after a click. It is very similar to the jqxToggleButton, but it has different UI look.

			jqWidgets is a commercial product, which depending on how you use it, requires a license fee. Complete details are on jqWidget's website. The product is well supported.

	== Properties and Methods ==		== Properties and Methods ==

Ghenne: /* Example */

2013-08-29T10:57:23Z

Example

← Older revision		Revision as of 10:57, 29 August 2013
Line 15:		Line 15:
	MsgBox "Changed!"		MsgBox "Changed!"
	End Function		End Function

			'Set the checked property.
			$("#jqxSwitchButton").jqxSwitchButton({ checked:true })

			'Get the checked property.
			var checked = $("#jqxSwitchButton").jqxSwitchButton("checked")

	</pre>		</pre>

Ghenne: /* Output */

2013-02-27T21:58:14Z

Output

← Older revision		Revision as of 21:58, 27 February 2013
Line 18:		Line 18:

	== Output ==		== Output ==


			[[Category:Language Reference]]

			[[Category:jqWidgets]]

			[[Category:Controls]]

Ghenne: /* Example */

2013-01-04T21:37:02Z

Example

← Older revision		Revision as of 21:37, 4 January 2013
Line 12:		Line 12:

	<pre>		<pre>
	~~Dim data, source, dataAdapter~~		Function SwitchButton1_onchange()
	~~data = generatedata~~(50) ~~'generatedata is a function which returns grid data~~		MsgBox "Changed!"
	~~source = {localdata: data, datatype:~~ "~~array~~"}		End Function
	~~dataAdapter = new $.jqx.dataAdapter(source)~~

	~~Grid1_settings.source = dataAdapter~~
	~~Grid1_settings.columns = [ _~~
	~~{ text: "First Name", dataField: "firstname", width: 100 }, _~~
	~~{ text: "Last Name", dataField: "lastname", width: 100 }, _~~
	~~{ text: "Product", dataField: "productname", width: 180 }, _~~
	~~{ text: "Quantity", dataField: "quantity", width: 80, cellsalign: "right" }, _~~
	~~{ text: "Unit Price", dataField: "price", width: 90, cellsalign: "right", cellsformat: "c2" }, _~~
	~~{ text: "Total", dataField: "total", cellsalign: "right", minwidth: 100, cellsformat: "c2" } _~~
	]
	</pre>		</pre>

	== Output ==		== Output ==

Ghenne: /* Properties and Methods */

2013-01-02T15:20:14Z

Properties and Methods

← Older revision		Revision as of 15:20, 2 January 2013
Line 7:		Line 7:

	See the complete documentation at jqWidget's site:		See the complete documentation at jqWidget's site:
	http://www.jqwidgets.com/jquery-widgets-documentation/documentation/~~jqxgrid~~/jquery-~~grid~~-getting-started.htm		http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxbutton/jquery-button-getting-started.htm

	== Example ==		== Example ==

Ghenne: /* Description */

2013-01-02T15:19:26Z

Description

← Older revision		Revision as of 15:19, 2 January 2013
Line 2:		Line 2:

	== Description ==		== Description ==
	The ~~Grid is~~ a ~~powerful jQuery~~ widget that ~~displays tabular data~~. It ~~offers rich support for interacting with data, including paging, grouping, sorting~~, ~~filtering and editing~~.		The jqxSwitchButton represents a button widget that switches its checked state after a click. It is very similar to the jqxToggleButton, but it has different UI look.

	== Properties and Methods ==		== Properties and Methods ==

Ghenne: Created page with "file:jqxSwitchButton.png == Description == The Grid is a powerful jQuery widget that displays tabular data. It offers rich support for interacting with data, including pa..."

2012-12-27T21:41:15Z

Created page with "file:jqxSwitchButton.png == Description == The Grid is a powerful jQuery widget that displays tabular data. It offers rich support for interacting with data, including pa..."

New page

[[file:jqxSwitchButton.png]]

== Description ==
The Grid is a powerful jQuery widget that displays tabular data. It offers rich support for interacting with data, including paging, grouping, sorting, filtering and editing.

== Properties and Methods ==

See the complete documentation at jqWidget's site:
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-getting-started.htm

== Example ==

<pre>
Dim data, source, dataAdapter
data = generatedata(50) 'generatedata is a function which returns grid data
source = {localdata: data, datatype: "array"}
dataAdapter = new $.jqx.dataAdapter(source)

Grid1_settings.source = dataAdapter
Grid1_settings.columns = [ _
{ text: "First Name", dataField: "firstname", width: 100 }, _
{ text: "Last Name", dataField: "lastname", width: 100 }, _
{ text: "Product", dataField: "productname", width: 180 }, _
{ text: "Quantity", dataField: "quantity", width: 80, cellsalign: "right" }, _
{ text: "Unit Price", dataField: "price", width: 90, cellsalign: "right", cellsformat: "c2" }, _
{ text: "Total", dataField: "total", cellsalign: "right", minwidth: 100, cellsformat: "c2" } _
]
</pre>

== Output ==