JqxTabs: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
No edit summary
Line 12: Line 12:


<pre>
<pre>
Dim data, source, dataAdapter
Function Tabs1_onselected(e)
data = generatedata(50)     'generatedata is a function which returns grid data
  MsgBox "selected " & e.args.item
source = {localdata: data, datatype: "array"}
End Function
dataAdapter = new $.jqx.dataAdapter(source)
 
             
Function Tabs1_ontabclick(e)
Grid1_settings.source = dataAdapter
  MsgBox "tabclick " & e.args.item
Grid1_settings.columns = [ _
End Function
    { 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>


Revision as of 21:37, 4 January 2013

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.

Properties and Methods

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

Example

Function Tabs1_onselected(e)
  MsgBox "selected " & e.args.item
End Function

Function Tabs1_ontabclick(e)
  MsgBox "tabclick " & e.args.item
End Function

Output

See above.

Retrieved from "https://wiki.appstudio.dev/index.php?title=JqxTabs&oldid=2217"