Javascript FieldModels API
From GeoMedia Smart Client
GMSC 2013/2014 Javascript API | Overview • Form • Events • Types • Utility Functions • client-side Validation • Conditions • Interaction with SmartClient • Cookbook • Cheatsheet |
Form Models | BaseModel • FormModel • TabModel • GroupModel • Field Models • ActionModel |
Field Models | AutoComplete • CheckBox • ComboBox • DatePicker • DateTimePicker • EditableComboBox • Editor • FilePicker • Grid • Hyperlink • Image • Label • Password • Radio • TextArea • TextField • |
Contents
Basics
<br\><br\>
Types of a FieldModel
- AutoComplete
- CheckBox
- ComboBox
- DatePicker
- DateTimePicker
- DropdownBox
- EditableComboBox
- Editor
- FilePicker
- Grid
- Hyperlink
- Image
- Label
- Password
- Radio
- TextArea
- TextField
<br\> See section "Base of all models" in Javascript API to read about the base methods and properties of a form item. <br\><br\>
FieldModel Widgets
FieldModels which are containing a widget:
- AutoComplete
- ComboBox
- DatePicker
- DateTimePicker
- DropdownBox
- EditableComboBox
- Editor
- FilePicker
- Grid
The widgets are using the KendoUI-Web API [1]. All FielModels provide a property named "widget", which is holding the KendoUI-WebForm Widget.
Example
// FieldModel AutoComplete - KendoUI AutoComplete var autoCompleteField = IG.form.getFieldById('AutoComplete_ID'); autoCompleteField.widget; // provides all functionalities of the KendoUI AutoComplete - Widget autoCompleteField.widget.suggest("foo"); autoCompleteField.widget.bind("change", function (e) { //handle event });
AutoComplete
(coming soon)
<br\>
CheckBox
(coming soon)
<br\>
ComboBox
(coming soon)
<br\>
DatePicker
(coming soon)
<br\>
DateTimePicker
(coming soon)
<br\>
DropdownBox
(coming soon)
<br\>
EditableComboBox
(coming soon)
<br\>
Editor
(coming soon)
<br\>
FilePicker
(coming soon)
<br\>
Grid
(coming soon)
<br\>
Hyperlink
(coming soon)
<br\>
Image
(coming soon)
<br\>
Label
(coming soon)
<br\>
Password
(coming soon)
<br\>
Radio
(coming soon)
<br\>
Table
(coming soon)
<br\>
TextArea
(coming soon)
<br\>
TextField
(coming soon)
<br\>