richselect

Webix JS
1

Hi,

I have a webix form which I am opening up using angularJS dialog box. This webix form contains a richselect control along with other controls. my config for rich select in form elements collection is as below:

{
view: “combo”, //Combo
id: “myCombo”,
name: “myCombo”,
labelWidth: 250,
label: “My label”,
value: 2,
options: {
view: “gridsuggest”,
body: {
scroll: true,
autoheight: true,
height: 120,
autofocus: true,
yCount: 5,
columns: [
{ id: “id”, header: “ABC” },
{ id: “value”, header: “Description” }
],
data: options – some data
}
}
}

form is loading fine but when I click the “fa-angle-down” image to open up the list it doesn’t come. On further investigating I found out the list is indeed opening up but it is beneath webix form and angularjs dialog box. (on checking it in IE developer toobar and manually setting z-index of “webix_view webix_window webix_popup” div element to a very high value, say 10000 the list shows up). How can I fix this? Please advise.

On further playing with it, I found out that if some how I am able to set the zIndex property to a required value, the on scrollling the page (browser level scrollbar), the list is stays stationary i.e. doesn’t move with scroll.

Please advise on the best way forward.

Thanks in advance

2

(1) After loading webix.js on the page, add the next line

webix.ui.zIndexBase = 10000;

(2) If you are using inner scrolling (not the full page scrolling) it really may occurs, as popup elements are positioned relative to the page, and will ignore any inner scrollable containers.

3

Thanks Maksim.

I have 200-300 items in the gridselect. I have set the “value” using the pre saved value property of but when I click on the angle down arrow, I have to scroll all the way down to see the selected item. Is there a way to make the selected element visible when arrow is clicked.

Also, when I click on the label then also the list popup comes up. How can I prevent this from happening? I want list pop up to be shown only when arrow image is clicked.

Also, will richselect support OnChange event? I am currently working on it and will let you know if I face any issue?

4

to make the selected element visible when arrow is clicked.

This one already was fixed in dev. version and will be available as part of Webix 2.5

Also, will richselect support OnChange event?

Yep, all form controls will fire onChange

when I click on the label then also the list popup comes up

It can’t be disabled without changes in the code. If this is really critical it possible to create a custom component based on the existing one, and redefine the click behavior there.

5

OnChange is working perfectly.

label click - not that critical. Can live without it.

When are we expecting release of 2.5?

6

Webix 2.5 will be released on July 25