I'm pretty new to the Ignite UI suite and I'm trying to tie 2 combo boxes together. I have the 2 combo boxes filling correctly with data, but as I'm looking for examples of how to tie the parent combo box to the child, all of the examples I see have this type of syntax:
$("#comboTown").igCombo({ valueKey: "valTown", textKey: "textTown", dataSource: dsCascTowns, parentComboKey: "keyDistirct", parentCombo: "#comboDistrict" });
Previously I had the following syntax when creating my combo:
@(Html.Infragistics().Combo(
"carrierServiceDropdown", Model.CarrierServices.AsQueryable())
.ValueKey(
"CarrierService_Id")
.TextKey(
"CarrierService_Name")
.DataBind()
.FilteringType(
ComboFilteringType.Local)
.RenderMatchItemsCondition(
ComboRenderMatchItemsCondition.StartsWith)
.FilteringCondition(
"startsWith")
.AutoComplete(
true)
.DropDownWidth(300)
.Width(
"300")
.Render()
How do I specify the parent combo key and id in this syntax? I was expecting to just add a .ParentComboId and set it like that, but it's not available. The only thing I see is the CascadingSettings, but I am not sure what I need to pass to that.
Hi, Ryan.
Thanks for using our product and please try using the following code:
CascadingSettings(settings => settings.ParentComboID("#comboDistrict").ParentComboKey("keyDistirct"))
I hope this will help you and I will wait for your feedback.
Best regards, Nikolay Alipiev
I want to know if you need further assistance on that. Don't hesitate to ask me.
Best regards, Nikolay