![\"getitem\"](\"http:\/\/myscada.org\/downloads\/manuals_image\/img_8.3.1.jpg\")
<\/p>\nYou can easily use the List box, combo box and text box in view scripts.<\/p>\n
We will start with a simple example showing how to use the combo box programmatically:<\/p>\n
1. We will create the combo box and add it to the view.<\/p>\n
2. We will create a button next to the combo box, on its press we will call view script function get Item.<\/p>\n
<\/p>\n
![\"onclick\"](\"http:\/\/myscada.org\/downloads\/manuals_image\/img_8.3.2.jpg\")
<\/p>\n
3. In getItem fuction, we will get value of selected component<\/p>\n
var selItem = myscada.getSelectedItem('Comp29328366');<\/span><\/pre>\n‘Comp29328366’ is an ID of our Combo box<\/strong><\/span>. You can find ID in properties window upon clicking on your Combo box.<\/p>\nOnce we get the selected item, we will show it by calling alert(selItem);
\n<\/em><\/p>\n![\"8.3.3\"](\"http:\/\/myscada.org\/downloads\/manuals_image\/img_8.3.3.jpg\")
<\/p>\n
4. Now we will create a new button. On its press we will call view script function setItem<\/em> where we will set item in combo box to second item.<\/p>\n![\"8.3.4\"](\"http:\/\/myscada.org\/downloads\/manuals_image\/img_8.3.4.jpg\")
<\/p>\n
Callback function example:<\/span><\/h3>\nIf you want to be notified, when user selects an item in the combo box or list box, or presses and enters into the text box, set up a callback function.<\/p>\n
1. Define your callback function in View Script<\/p>\n
![\"8.3.5\"](\"http:\/\/myscada.org\/downloads\/manuals_image\/img_8.3.5.jpg\")
<\/p>\n
As you can see, into your callback function, you will get 2 arguments, first is a selected item and second is an index of the selected item.<\/p>\n
2. Click on your component in view and fill in the callback function name<\/p>\n
![\"8.3.6\"](\"http:\/\/myscada.org\/downloads\/manuals_image\/img_8.3.6.jpg\")
<\/p>\n
3. When user selects an item, your callback function will be called<\/p>\n
![\"8.3.7\"](\"http:\/\/myscada.org\/downloads\/manuals_image\/img_8.3.7.jpg\")
<\/p>\n
Setting new values into Components Programmatically<\/span><\/h3>\nYou can easily change the items in your component programmatically. To do so, you can use function setItems:<\/p>\n
var items = ['item 1','item 2'];<\/span>\nmyscada.setItems('id',items);<\/span><\/pre>\nColoring items in List Box<\/span><\/h3>\nList box allow you to fine tune appearance of each item by specifying the colors and bold face of the font. To do so, use function setItems. Passed items in array will not be strings but objects with additional properties. Simple Example:<\/p>\n
![\"8.3.8\"](\"http:\/\/myscada.org\/downloads\/manuals_image\/img_8.3.8.jpg\")
<\/p>\n
Will produce following output<\/p>\n
![\"output\"](\"http:\/\/myscada.org\/downloads\/manuals_image\/img_8.3.9.jpg\")
<\/p>\n","protected":false},"excerpt":{"rendered":"