Use Sidebar LHS to navigate
For global help click here
6. KendoUI Adapters
- Chris Anderson (Unlicensed)
This section will detail the prebuilt adapters available alongside the Genie Javascript SDK that provide a bridge between the SDK’s controls and some of the KendoUI controls.
To do: Move the KendoUI adapters into their own folder in the project
KendoComboBoxAdapter
No current implementation to test – code is way out of date.
HTML Sample
-
Attributes
Name | Description |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
KendoDatePickerAdapter
-
HTML Sample
-
Attributes
Name | Description |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
KendoDropDownListAdapter
The KendoDropDownListAdapter is used to customise the rendering of data fields and provide additional behaviour that’s not provided out of the box in the expanz JavaScript SDK. For example, it can display a label when no item has been selected in the list, and enable you to specify what value that item should have.
Note: more of this behaviour can be written into the SDK’s datafieldview control.
HTML Sample
<div class='' bind="datafield" fieldid="myField" populatemethod="myMethod">
<input id="myList" adapter="dropdownlist" emptyitemlabel="Select a Value" />
</div>
Attributes
Name | Description |
emptyitemlabel | The text to be displayed in the dropdown list when no item has been selected. |
emptyitemvalue | The value to send to the server if the user selects the empty item. |
KendoFileUploadAdapter
Improves on the FileUploadView control built into the SDK, by providing support for pre-HTML5 clients.
HTML Sample
<div bind="fileuploadfield" fieldid="AttachedFile" maxfilesize="512" supportedfiletypes="pdf,jpg,jpeg,png,gif" adapter="fileupload"></div>
KendoMobileListAdapter
No current implementation to test – code is way out of date.
HTML Sample
-
Attributes
Name | Description |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
KendoPanelBarAdapter
-
HTML Sample
Currently is applied using javascript, with no HTML markup supported – to fix.
Attributes
Name | Description |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
KendoPopupWindowAdapter
The KendoPopupWindowAdapter adapter provides modal dialog style behaviour to the div container provided by the SDK’s PopupView control.
HTML Sample
The KendoPopupWindowAdapter adapter hooks directly into the SDK’s PopupView control, and is automatically applied whenever the PopupView control is used.
KendoTabStripAdapter
The KendoTabStripAdapter downloads a set of HTML content pages from the server, and once downloaded hooks the controls up to an activity on the server.
HTML Sample
Requires javascript to be written currently to activate.
KendoTimePickerAdapter
The KendoTimePickerAdapter is used to render a time picker control.
HTML Sample
Note: doesn’t work currently as there’s no code that looks for adapter=”time”
Attributes
Name | Description |
timeformat | The time format to use for displaying the time |
KendoTreeAdapter
The KendoTreeAdapter is used to render a tree.
HTML Sample
<div id="MyTree" bind="customcontent" adapter="tree"></div>
Note: doesn’t work currently as there’s no code that looks for adapter=”tree” – javascript has been written in TmxDocuments.js to invoke the tree adapter.
Attributes
Name | Description |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Kendo Numeric Text Box
Not currently a standalone adapter, but works.
Kendo Menu
Not currently a standalone adapter, but works.
For information about SaaSplications go to http://saasplications.com.au