How to add a combobox dynamically

Amresh S

10y921

Hi All,

I'm trying to add a combobox dynamically in bettween the two combox box. Depending upon the boolean value, the visibility is set. But, the problem is it should'nt consume the hidden space in between the other two comboboxes. Further, I'm using the Grid layout, in which by row definition I place the comboboxes in it's respective cells.

Please refer to my below XAML code:

Note: By default, the 2nd combo box is collapsed/hidden from the view. Upon selection from the 1st combobox, it is validated in the code behind and the visibility is set. But, it should not consume space when no such selection is made from the 1st combo box.

Eventhough, I had collapsed it's visibility it occupies the space and appears as a blank area, which is not desireable.

Please share your ideas to achieve this requirement.

Thanks in advance.

Regards,

Amresh S.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Amit Gupta10y ago
Accepted answer
Hi Amresh
One of the simplest method to achieve this is by using Stack Panel instead of Grid layout.

Add your subcontrols in your stack panel and set the visibility to collapsed. It will occupy the blank area. When using hidden in visibility property it just hide the control and occupy that area.

Hope it works
Amresh S10y ago
Hi Guys,
Thanks for your response, will try both the solutions that fits my scenario and update it here.
Regards,
Amresh S.
Madhanmohan Devarajan10y ago
Here is the approach and code for your problem.

="2" Name="cmbBox_Sub" Visibility="Collapsed"/>
="3" FontSize=14 FontWeight="Normal"/>
=====================================================================
var modelList = new List();
modelList.Add(new myModel {item = new string[] {"One", "Two", "Three"}});
modelList.Add(new myModel {item = new string[] {"1", "2", "3"}});
var binding = new Binding("modelList");
binding.Source = modelList;
ComboBox cbox = new ComboBox();
cbox.Width = 280;
cbox.Height = 30;
cbox.Background = Brushes.LightBlue;
cbox.ItemsSource = "{binding modelList}";
grid.RowDefinitions.Add(new RowDefinition());
grid.Children.Insert(cbox, 1);