Skip to content

Commit 157f1d5

Browse files
authored
kb(combobox): fix malformed code blocks
1 parent 639ae7d commit 157f1d5

File tree

1 file changed

+44
-53
lines changed

1 file changed

+44
-53
lines changed

controls/combobox/troubleshooting/back-button-and-selectedvalue.md

Lines changed: 44 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -24,78 +24,69 @@ Steps to reproduce the problem:
2424

2525
3. 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

4137
2. 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

5345
3. 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

6959
Here 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

Comments
 (0)