Show select/richselect in one of the columns of datatable

Webix JS
1

I am trying to create a datatable of n rows such that each row would have 3 richselect field and 3 text boxes.I am using both richselect and textbox as the template so that it reflects in all the rows of the datatable.Though the textboxes are getting created,the richselects are not.I tried using all the combinations for the richselect.

webix.ui ({
		view:"datatable",
		columns:[
									{ id:"a",	header:"A", 			width:170,template:"{common.select()}"},
									{ id:"b",	header:"B",		width:120,template:"<input type='richselect'>"},
									{ id:"c",	header:"C" , 		width:80 ,template:"<input type='select'>"},
									{ id:"d",	header:"D", 	width:200,template:"<input type='text'>"},
									{ id:"e",	header:"E", 	width:170 ,template:"<input type='text'>"},
									{ id:"f",	header:"F", 	width:170 ,template:"<input type='text'>"}
									
								],
		data: [	{},{},{}]		
});
2

“richselect” from Webix UI will not work in such way.

You can use it as editor ( activated by clicking on the row ) or, you can use ActiveElement mixin, check the next tutorial

http://docs.webix.com/desktop__active_content.html

3

Thanks for the reply but I want that the select/richselect should always be visible (and not behave as editor). Can you please help with this??

4

For native select controls - you can place the select tag directly in the template.

For richselect ( Webix UI control ) you need to use ActiveContent extension.

http://docs.webix.com/desktop__active_content.html

5

Can you please give me a example where the select have been used in the template(and not as editor:“select” because at first apperance it does not look like a select box) and is visible everytime and not on click

6

http://webix.com/snippet/67f4431c

7

Hello Maksim,

Ex : http://webix.com/snippet/94faf2e3
I have the same requirement here, but I am stuck in one place, I have requirement like, when I select “c” in first select list in first row, I need to populate a and b in second richselect of first row only, as of now when I am selecting c in first select, a and b is coming in all the rich select available in third column, but I want row wise operation.

I want to handle the each row data separately,baically I want to use onChange function in the first rich select to populate the date in second rich select

Can you please help us to resolve this issue.

8

Unfortunately, it will not work for ActiveContent elements. Configuration of a select box will be shared by all controls in the other rows.

If you need to have different select boxes in each row, then ActiveConent will not work for you. You can embed raw HTML select boxes in each row.

9

Hello Maksim,
This is our typical requirement and can you please suggest how we can achieve this requirement using webix, this is become critical for us, because for front end UI we are using Webix framework only and no other JS Framework apart from this, as we do no want to use this point of time any other framework, I would request you to please suggest some solution on this.

Thanks

10

Please check the next snippet, it shows how a editor can be reconfigured on the fly. Changing the value in the first column will change list of options in the second column

http://webix.com/snippet/615a06eb