JqxCalendar: Difference between revisions
Jump to navigation
Jump to search
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/ | http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxcalendar/jquery-calendar-getting-started.htm | ||
== Example == | == Example == |
Revision as of 15:25, 2 January 2013
Description
jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display.
Properties and Methods
See the complete documentation at jqWidget's site: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxcalendar/jquery-calendar-getting-started.htm
Example
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" } _ ]
Output
See above.