@@ -24,78 +24,69 @@ Steps to reproduce the problem:
2424
25253 . Click on the Back button of the browser
2626
27- The combobox shows the correct text, but the SelectedValue property is not correct (the SelectedItem is lost).
27+ The combobox shows the correct text, but the SelectedValue property is incorrect (the SelectedItem is lost).
2828
2929** WORKAROUND**
3030
31- 1 . Add a hidden field to the page which will hold the selected value of the combobox:
31+ 1 . Add a hidden field to the page that will hold the selected value of the combobox:
3232
33- ````ASPNET
34-
33+ ````ASPNET
3534 <input type="hidden" id="RadComboBox1Value" value="" />
36-
37- ````
38-
39-
35+ ````
4036
41372 . Subscribe to the [ OnClientSelectedIndexChanged] ({%slug combobox/client-side-programming/events/onclientselectedindexchanged%}) event and update that hidden field:
4238
43- ```` JavaScript
44-
45- function onSelectedIndexChanged (sender , eventArgs ) {
46- $get (" RadComboBox1Value" ).value = eventArgs .get_item ().get_value ();
47- }
48-
49- ````
50-
51-
39+ ````JavaScript
40+ function onSelectedIndexChanged(sender, eventArgs) {
41+ $get("RadComboBox1Value").value = eventArgs.get_item().get_value();
42+ }
43+ ````
5244
53453 . On pageLoad() check for the value of the hidden field. If it is not empty - find the appropriate combo item and select it:
5446
55- ```` JavaScript
56-
57- function pageLoad () {
58- var savedValue = $get ( " RadComboBox1Value " ). value ;
59- var combo = $find ( ' <%= RadComboBox1.ClientID %> ' );
60- if (savedValue != " " && combo .findItemByValue (savedValue)) {
61- combo . findItemByValue (savedValue). select ();
47+ ````JavaScript
48+ function pageLoad() {
49+ var savedValue = $get("RadComboBox1Value").value;
50+ var combo = $find('<%= RadComboBox1.ClientID %>') ;
51+ if (savedValue != "" && combo.findItemByValue(savedValue)) {
52+ combo.findItemByValue(savedValue).select();
53+ }
6254 }
63- }
64-
65- ````
55+ ````
6656
6757
6858
6959Here is the final code:
7060
7161```` ASPNET
72- <telerik:RadComboBox RenderMode="Lightweight" ID="RadComboBox1"
73- runat="server"
74- OnClientSelectedIndexChanged="onSelectedIndexChanged">
75- <Items>
76- <telerik:RadComboBoxItem runat="server" Text="Red" Value="red" />
77- <telerik:RadComboBoxItem runat="server" Text="Blue" Value="blue" />
78- <telerik:RadComboBoxItem runat="server" Text="Green" Value="Green" />
79- </Items>
80- </telerik:RadComboBox>
81-
82- <input type="hidden" id="RadComboBox1Value" value="" />
83-
84- <asp:Button ID="Button1" runat="server" Text="Button that Redirects" />
85- <script type="text/javascript">
86- function pageLoad() {
87- var savedValue = $get("RadComboBox1Value").value;
88- var combo = $find('<%= RadComboBox1.ClientID %>');
89-
90- if (savedValue != "" && combo.findItemByValue(savedValue)) {
91- combo.findItemByValue(savedValue).select();
62+ <telerik:RadComboBox RenderMode="Lightweight" ID="RadComboBox1"
63+ runat="server"
64+ OnClientSelectedIndexChanged="onSelectedIndexChanged">
65+ <Items>
66+ <telerik:RadComboBoxItem runat="server" Text="Red" Value="red" />
67+ <telerik:RadComboBoxItem runat="server" Text="Blue" Value="blue" />
68+ <telerik:RadComboBoxItem runat="server" Text="Green" Value="Green" />
69+ </Items>
70+ </telerik:RadComboBox>
71+
72+ <input type="hidden" id="RadComboBox1Value" value="" />
73+
74+ <asp:Button ID="Button1" runat="server" Text="Button that Redirects" />
75+ <script type="text/javascript">
76+ function pageLoad() {
77+ var savedValue = $get("RadComboBox1Value").value;
78+ var combo = $find('<%= RadComboBox1.ClientID %>');
79+
80+ if (savedValue != "" && combo.findItemByValue(savedValue)) {
81+ combo.findItemByValue(savedValue).select();
82+ }
9283 }
93- }
94-
95- function onSelectedIndexChanged(sender, eventArgs) {
96- $get("RadComboBox1Value").value = eventArgs.get_item().get_value();
97- }
98- </script>
84+
85+ function onSelectedIndexChanged(sender, eventArgs) {
86+ $get("RadComboBox1Value").value = eventArgs.get_item().get_value();
87+ }
88+ </script>
9989````
10090
10191
92+
0 commit comments