ComboBox Control

ComboBox.png

Model

IComboBoxModel.png

type: string - type of the control. Use "combobox" to declare a ComboBox control.

name?: string (optional) - name of the control. In javascript code, a child control is accessible from its parent control by name. In HTML, the value is put into the name attribute of the element.

cssClass?: string (optional) - custom CSS class that will be applied to the control's outer element.

isHidden?: boolean (optional) - allows to declare control as hidden.

bindsTo?: string (optional) - path of the property that the control will be databound to.

label?: string (optional) - control label.

getOptionsFunction?: string (optional) - name of the function to get the possible values. The function has to be defined on redui.optionsBag object.

optionIdProperty?: string (optional) - name of the property that is used as a option id. In HTML, the value of this property is put into the value attribute of the option element. By default, the control looks for the property called "id".

optionValueProperty?: string (optional) - name of the property that is used as a option value. In HTML, the value of this property is put as an inner text of the option element. If the value is not provided, the value returned by toString() function is used as value.

Example

{
	"name": "countryComboBox",
	"type": "combobox",
	"label": "Country",
	"bindsTo": "address.country",
	"getOptionsFunction": "getcountries"
}

Control

IComboBox.png

model: IControlModel - reference to the model.

id: string - control id. Returns value of the id attribute of the element.

type: string - type of the control.

name: string - name of the control.

parent: IControl - reference to the parent control.

window: IWindow - reference to the window that owns the control.

bindingContext: any - reference to the object that the control is bound to.

options: any[] - reference to the array with the ComboBox options.

getElement(): JQuery - returns the HTML element that represents the control.

bind(dataObject: any): void - binds the control to the data model.

ComboBox Control Example


.

Last edited Feb 7, 2014 at 10:12 PM by artemkv, version 8

Comments

No comments yet.