I am getting a JavaScript error when I call my javascript function from the OnClientDropDownClosed client-side event from the RadComboBox control.
The error I get is the following:
JavaScript critical error in (unknown source location)
SCRIPT1009: Expected '}'
My javascript is the following
<script type=
"text/javascript"
>
function
displaySelectedValues() {
debugger;
var
combo = $find(
"<%# RadComboBox1.ClientID %>"
);
alert(combo.get_checkedItems().length);
//for (var i = 0; i < dropdown.get_checkedItems().length; i++) {
// var text = dropdown.get_items().get_text();
// label.value = label.value + text;
//}
}
</script>
I use <%# instead of <%= because I get an error from visual studio, but regardless of which one I use I still receive the javascript error mentioned above.
The visual studio error is the following:
The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).
I'm not sure if this is related to telerik or not, but if I have <%= visual studio wont even allow me to get on the page.
My markup code is as follows
<
telerik:RadAjaxPanel
runat
=
"server"
ID
=
"rapConfiguration"
LoadingPanelID
=
"ralpConfiguration"
>
<
telerik:RadWindow
ID
=
"modalPopup"
runat
=
"server"
Width
=
"650px"
Height
=
"325px"
Modal
=
"true"
Behaviors
=
"Close"
>
<
ContentTemplate
>
<
table
style
=
"padding:10px;"
>
<
tr
>
bunch of td tags
</
tr
<tr>
<
td
style
=
"vertical-align:top;"
>
</
td
>
<
td
style
=
"vertical-align:top;"
>
</
td
>
<
td
style
=
"vertical-align:top;"
>
<
asp:CheckBox
id
=
"cbElementValue"
runat
=
"server"
Visible
=
"false"
Text
=
"Check = Yes/True"
/>
<
telerik:RadCalendar
ID
=
"calElementValue"
runat
=
"server"
Width
=
"200px"
RangeSelectionMode
=
"None"
EnableMultiSelect
=
"false"
></
telerik:RadCalendar
>
<
asp:TextBox
ID
=
"txtBoxElementValue"
runat
=
"server"
Width
=
"200px"
></
asp:TextBox
>
<
telerik:RadComboBox
ID
=
"RadComboBox1"
runat
=
"server"
CheckBoxes
=
"true"
EnableCheckAllItemsCheckBox
=
"true"
Visible
=
"false"
Label
=
"Look up values:"
OnClientDropDownClosed
=
"displaySelectedValues();"
>
</
telerik:RadComboBox
>
</
td
>
<
td
style
=
"vertical-align:top;"
>
<
asp:CheckBox
ID
=
"chkExpression"
runat
=
"server"
Visible
=
"false"
OnClick
=
"checkExpression(this);"
/>
</
td
>
</
tr
>
</
table
>
<
div
>
<
asp:Label
runat
=
"server"
ID
=
"lblSelectedValues"
Text
=
"testing, one, two, three"
>Selected Values: </
asp:Label
>
</
div
>
<
div
class
=
"bottomRight"
>
<
asp:Button
runat
=
"server"
ID
=
"btnSubmitValues"
Text
=
"Submit Values"
OnClick
=
"btnSubmitValues_Click"
/>
</
div
>
</
ContentTemplate
>
</
telerik:RadWindow
>
</
telerik:RadAjaxPanel
>
I tried moving the RadComboBox outside the table and I still got the error, I tried not passing in a value to the javascript function and I still got an error, because originally I was passing in "this" to the javascript function from the RadComboBox event property. Such as
OnClientDropDownClosed=
"displaySelectedValues(this);"
Do you have any advice on how I can get past this error?
After I receive the error and choose to continue through it the control still loads on the page but is unclickable, I can't open the dropdown list or type in the combobox.