JqxTabs - Revision history

Ghenne: /* Properties and Methods */

2016-04-07T17:20:21Z

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/jqxtabs/jquery-tabs-getting-started~~.~~htm~~

	== Example ==		== Example ==

2013-11-15T20:37:13Z

Select a Tab in code

2013-11-15T20:36:59Z

setContentAt

← Older revision		Revision as of 20:36, 15 November 2013
Line 99:		Line 99:
	<pre>		<pre>
	Function Button1_onclick()		Function Button1_onclick()

	Dim tmpContent		Dim tmpContent
	tmpContent = "Here is new content"		tmpContent = "Here is new content"
	$("#Tabs1").jqxTabs("setContentAt", 1, tmpContent)		$("#Tabs1").jqxTabs("setContentAt", 1, tmpContent)

	End Function		End Function
			</pre>

			====Select a Tab in code====
	</pre>		<pre>
			Sub Main()
			$("#Tabs1").jqxTabs("select", 2);
			End Sub</pre>

	== Output ==		== Output ==

2013-08-30T12:57:03Z

Description

← Older revision		Revision as of 12:57, 30 August 2013
Line 2:		Line 2:

	== Description ==		== Description ==
	jqxTabs represents a jQuery Tabs widget. jqxTabs is breaking the content into multiple sections. You can populate it from 'LI' elements for the tab titles and 'DIV' elements for tab contents.		jqxTabs represents a jQuery Tabs widget. jqxTabs is breaking the content into multiple sections. You can populate it from 'LI' elements for the tab titles and 'DIV' elements for tab contents.

			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 ==

2013-05-14T17:57:14Z

Events

← Older revision		Revision as of 17:57, 14 May 2013
Line 11:		Line 11:
	== Example ==		== Example ==
	=== Events ===		=== Events ===
			==== selected ====
			This event is triggered when the user selects a new tab.
	<pre>		<pre>
	Function Tabs1_onselected(e)		Function Tabs1_onselected(e)
	MsgBox "selected " & e.args.item		MsgBox "selected " & e.args.item
	End Function		End Function
			</pre>

			====tabclik====
			This event is triggered when the user click a tab. You can retrieve the clicked tab's index.

			<pre>
	Function Tabs1_ontabclick(e)		Function Tabs1_ontabclick(e)
	MsgBox "tabclick " & e.args.item		MsgBox "tabclick " & e.args.item
	End Function		End Function
	</pre>		</pre>


	=== Functions ===		=== Functions ===

2013-05-14T17:43:57Z

setTitleAt

← Older revision		Revision as of 17:43, 14 May 2013
Line 85:		Line 85:

	End Function		End Function
			</pre>

			====setContentAt====
			Sets the content of a Tab.
			<pre>
			Function Button1_onclick()

			Dim tmpContent
			tmpContent = "Here is new content"
			$("#Tabs1").jqxTabs("setContentAt", 1, tmpContent)

			End Function


	</pre>		</pre>

2013-05-14T17:41:15Z

addAt

← Older revision		Revision as of 17:41, 14 May 2013
Line 75:		Line 75:
	End Function		End Function

			</pre>

			==== setTitleAt ====
			Sets the title of a Tab.
			<pre>
			Function Button1_onclick()

			$("#Tabs1").jqxTabs("setTitleAt", 1, "New Title")

			End Function
	</pre>		</pre>

2013-05-14T15:51:38Z

disableAt / enableAt

← Older revision		Revision as of 15:51, 14 May 2013
Line 55:		Line 55:
	$("#Tabs1").jqxTabs("enableAt",1)		$("#Tabs1").jqxTabs("enableAt",1)

			End Function

			</pre>


			==== addAt ====
			Adding tab at indicated position.

			<pre>
			Function Button1_onclick()

			Dim tmpTabTitle, tmpTabContent
			tmpTabTitle = "Test1"
			tmpTabContent = "Here is tabcontent at runtime with or <b>without HTML</b>"
			tmpTabContent += "<img src='http://www.testedich.de/quiz29/picture/pic_1310387805_7.jpg' width=100px>"

			Rem add a new Tab at 2. position
			$("#Tabs1").jqxTabs("addAt", 1, tmpTabTitle, tmpTabContent)
	End Function		End Function

2013-05-14T15:38:58Z

disableAt

← Older revision		Revision as of 15:38, 14 May 2013
Line 38:		Line 38:
	</pre>		</pre>

	==== disableAt ====		==== disableAt / enableAt ====
	Disabling tab with indicated index.		Disabling/Enabling tab with indicated index.
	<pre>		<pre>

	Function Button1_onclick()		Function Button1_onclick()

	Rem disable 2.Tab on Tabs1		Rem disable 2.Tab on Tabs1
	$("#Tabs1").jqxTabs("disableAt ",1)		$("#Tabs1").jqxTabs("disableAt",1)

	End Function		End Function


			Function Button2_onclick()

			Rem enable 2.Tab on Tabs1
			$("#Tabs1").jqxTabs("enableAt",1)

			End Function

	</pre>		</pre>

2013-05-14T15:37:07Z

removeAt

← Older revision		Revision as of 15:37, 14 May 2013
Line 36:		Line 36:
	End Function		End Function

			</pre>

			==== disableAt ====
			Disabling tab with indicated index.
			<pre>
			Function Button1_onclick()

			Rem disable 2.Tab on Tabs1
			$("#Tabs1").jqxTabs("disableAt ",1)

			End Function
	</pre>		</pre>