This is a migrated thread and some comments may be shown as answers.

[Solved] Cascaded ComboBoxes not filling in after form submission

1 Answer 17 Views

ComboBox

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Chris asked on 28 Nov 2012, 01:20 AM

firebug-output.PNG

firebug-detail.PNG

I have a problem that has been driving me nuts. I have a number of cascading combo boxes that the user must click through. After they make all of their selections the user will click a "submit" button and the page will be refreshed with a graph drawn showing the user's selections. However, upon the page being reloaded, each combobox attempts to get it's values simultaneously. This means comboboxes after the second one will be empty since the one before it doesn't have any values yet. Here's what my HTML code looks like:

<b>FY:</b>

@(Html.Telerik().ComboBox()

.Name("ComboBox_FiscalYears")

.BindTo(ViewBag.FY)

.Placeholder("Select Plan Year")

.CascadeTo("ComboBox_Appropriations")

.SelectedIndex(0))

<b>Appn:</b>

@(Html.Telerik().ComboBox()

.Name("ComboBox_Appropriations")

.DataBinding(binding => binding.Ajax().Select("GetComboBoxAppropriations", "Filter"))

.Placeholder("Select Appropriation")

.CascadeTo("ComboBox_SubAppropriations")

.SelectedIndex(0))

<b>Sub Appn:</b>

@(Html.Telerik().ComboBox()

.Name("ComboBox_SubAppropriations")

.DataBinding(binding => binding.Ajax().Select("GetComboBoxSubAppropriations", "Filter"))

.Placeholder("Select Sub Appropriation")

.CascadeTo("ComboBox_ProgramElements")

.SelectedIndex(0))

<b>Program Element</b>

@(Html.Telerik().ComboBox()

.Name("ComboBox_ProgramElements")

.DataBinding(binding => binding.Ajax().Select("GetComboBoxProgramElements", "Filter"))

.Placeholder("Select Program Element")

.CascadeTo("ComboBox_Programs")

.SelectedIndex(0))

<b>Program</b>

@(Html.Telerik().ComboBox()

.Name("ComboBox_Programs")

.DataBinding(binding => binding.Ajax().Select("GetComboBoxPrograms", "Filter"))

.Placeholder("Select Program")

.CascadeTo("ComboBox_FunctionalAreas")

.SelectedIndex(0))

<br />

<hr />

<b>Functional Area</b>

@(Html.Telerik().ComboBox()

.Name("ComboBox_FunctionalAreas")

.DataBinding(binding => binding.Ajax().Select("GetComboBoxFunctionalAreas", "Filter"))

.Placeholder("Select Functional Area")

.CascadeTo("ComboBox_Poms")

.SelectedIndex(0))

<b>POM</b>

@(Html.Telerik().ComboBox()

.Name("ComboBox_Poms")

.DataBinding(binding => binding.Ajax().Select("GetComboBoxPoms", "Filter"))

.Placeholder("Select POM")

.CascadeTo("ComboBox_Requirements")

.SelectedIndex(0))

<b>Requirement</b>

@(Html.Telerik().ComboBox()

.Name("ComboBox_Requirements")

.DataBinding(binding => binding.Ajax().Select("GetComboBoxRequirements", "Filter"))

.Placeholder("Select Requirement")

.CascadeTo("ComboBox_OperationalNeeds")

.SelectedIndex(0))

<b>Op Need:</b>

@(Html.Telerik().ComboBox()

.Name("ComboBox_OperationalNeeds")

.DataBinding(binding => binding.Ajax().Select("GetComboBoxOperationalNeeds", "Filter"))

.Placeholder("Select Operational Need")

.SelectedIndex(0))

So after the form is posted the first two comboboxes are filled in and the rest are completely blank and not clickable. Here's what the generated HTML looks like for the 3rd item (all subsequent items are very similar):

<div class="t-widget t-combobox t-header t-state-disabled">

<div class="t-dropdown-wrap t-state-default">

<input id="ComboBox_SubAppropriations-input" class="t-input" type="text" value="Select Sub Appropriation" name="ComboBox_SubAppropriations-input" autocomplete="off" disabled="disabled">

<span class="t-select t-header">

<span class="t-icon t-arrow-down">select</span>

</span>

</div>

<input id="ComboBox_SubAppropriations" type="text" value="MFP 11" style="display:none" name="ComboBox_SubAppropriations" disabled="disabled">

</div>

You can see the <input /> has the proper value "MFP 11" but it is not displayed nor do the other values get populated.

I know this is a complex issue but I'd appreciate any help. Please let me know if I can provide anymore information. Thank you for any and all help, this has been driving me nuts!

[Solved] Cascaded ComboBoxes not filling in after form submission

1 Answer, 1 is accepted