| <telerik:RadTreeView ID="RadTreeView1" runat="server" CheckBoxes="True"/> |

| function onCheckBoxClick(chk) { |
| var combo = $find("<%=cmbExt.ClientID %>"); |
| //holds the text of all checked items |
| var text = ""; |
| //holds the values of all checked items |
| var values = ""; |
| //get the collection of all items |
| var items = combo.get_items(); |
| //enumerate all items |
| for (var i = 0; i < items.get_count(); i++) { |
| var item = items.getItem(i); |
| //get the checkbox element of the current item |
| var chk1 = $get(combo.get_id() + "_i" + i + "_chk1"); |
| if (chk1.checked) { |
| text += item.get_text() + ", "; |
| values += item.get_value() + ","; |
| } |
| } |
| //remove the last comma from the string |
| text = removeLastComma(text); |
| values = removeLastComma(values); |
| var extValues = document.getElementById("<%= hiddenExtensions.ClientID %>"); |
| extValues.value = values; |
| var ExtValuesHiddenField = document.getElementById("<%=ExtValuesHiddenField.ClientID %>"); |
| ExtValuesHiddenField.value = values; |
| if (text.length > 0) { |
| //set the text of the combobox |
| combo.set_text(text); |
| combo.ToolTip = text; |
| } |
| else { |
| //all checkboxes are unchecked |
| //so reset the controls |
| if (items.get_count() == 0) { |
| var HiddenFieldNoExtensionsString = document.getElementById("<%=HiddenFieldNoExtensionsString.ClientID %>"); |
| combo.set_text(HiddenFieldNoExtensionsString.value); |
| } |
| else { |
| var HiddenFieldSelectExtensionsString = document.getElementById("<%=HiddenFieldSelectExtensionsString.ClientID %>"); |
| combo.set_text(HiddenFieldSelectExtensionsString.value); |
| } |
| } |
| } |
| //this method removes the ending comma from a string |
| function removeLastComma(str) { |
| return str.replace(/, $/, ""); |
| } |
| function ExtensionsComboClientLoad(sender) { |
| var extValues = document.getElementById("<%= hiddenExtensions.ClientID %>"); |
| var ExtValuesHiddenField = document.getElementById("<%=ExtValuesHiddenField.ClientID %>"); |
| ExtValuesHiddenField.value = extValues.value; |
| var combo = $find("<%=cmbExt.ClientID %>"); |
| //get the collection of all items |
| var items = combo.get_items(); |
| var text = ""; |
| if (extValues != null && extValues.value != null && extValues.value != "") { |
| var ext_array = extValues.value.split(", "); |
| for (var j = 0; j < ext_array.length; j++) { |
| //enumerate all combo items |
| for (var i = 0; i < items.get_count(); i++) { |
| var item = items.getItem(i); |
| //get the checkbox element of the current item |
| var chk1 = $get(combo.get_id() + "_i" + i + "_chk1"); |
| var itemitemValue = item.get_value(); |
| if (itemValue == ext_array[j]) { |
| chk1.checked = true; |
| text += item.get_text() + ", "; |
| } |
| } |
| } |
| } |
| if (text.length > 0) { |
| //remove the last comma from the string |
| text = removeLastComma(text); |
| //set the text of the combobox |
| combo.set_text(text); |
| combo.ToolTip = text; |
| } |
| else { |
| if (items.get_count() == 0) { |
| var HiddenFieldNoExtensionsString = document.getElementById("<%=HiddenFieldNoExtensionsString.ClientID %>"); |
| combo.set_text(HiddenFieldNoExtensionsString.value); |
| } |
| else { |
| var HiddenFieldSelectExtensionsString = document.getElementById("<%=HiddenFieldSelectExtensionsString.ClientID %>"); |
| combo.set_text(HiddenFieldSelectExtensionsString.value); |
| } |
| } |
| } |

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Vista" Style="left: 16px; position: absolute;
top: 112px" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" GridLines="None" AllowAutomaticUpdates="false" AutoGenerateEditColumn="false">
<MasterTableView ClientDataKeyNames="sno" DataKeyNames="sno" EditMode="PopUp" DataSourceID="SqlDataSource1">
<Columns>
<telerik:GridEditCommandColumn ButtonType="ImageButton">
<ItemStyle CssClass="MyImageButton" />
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn DataField="companyname" EditFormColumnIndex="0" HeaderText="Company Name" UniqueName="companyname" ColumnEditorID="GridTextBoxColumnEditor1" Visible="false">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="firstname" EditFormColumnIndex="0" HeaderText="First Name" UniqueName="firstname" ColumnEditorID="GridTextBoxColumnEditor2">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="lastname" EditFormColumnIndex="0" HeaderText="Last Name" UniqueName="lastname" ColumnEditorID="GridTextBoxColumnEditor3">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="worktitle" EditFormColumnIndex="0" HeaderText="Work Title" UniqueName="worktitle" ColumnEditorID="GridTextBoxColumnEditor4">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="department" EditFormColumnIndex="1" HeaderText="Dept" UniqueName="department" ColumnEditorID="GridTextBoxColumnEditor8">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="businessphone" EditFormColumnIndex="1" HeaderText="Off. Phone" UniqueName="businessphone" ColumnEditorID="GridTextBoxColumnEditor5">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="cellphone" EditFormColumnIndex="1" HeaderText="Mobile" UniqueName="cellphone" ColumnEditorID="GridTextBoxColumnEditor6">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="decisionrole" EditFormColumnIndex="0" HeaderText="Decision Role" UniqueName="decisionrole" Visible="false" ColumnEditorID="GridTextBoxColumnEditor7">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="homephone" EditFormColumnIndex="1" HeaderText="Home Phone" UniqueName="homephone" Visible="false" ColumnEditorID="GridTextBoxColumnEditor9">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="email" EditFormColumnIndex="1" HeaderText="Email" UniqueName="email">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="sno" HeaderText="S.No" ReadOnly="true" UniqueName="sno" Visible="False">
</telerik:GridBoundColumn>
</Columns>
<EditFormSettings PopUpSettings-Modal="true" ColumnNumber="2" PopUpSettings-Height="200px" PopUpSettings-Width="400px">
<EditColumn UniqueName="EditCommandColumn1">
</EditColumn>
</EditFormSettings>
</MasterTableView>
<ClientSettings >
<ClientEvents OnPopUpShowing="PopUpShowing" />
<Selecting AllowRowSelect="True" />
<Scrolling AllowScroll="false"/>
</ClientSettings>
</telerik:RadGrid>
Hi,
I am using telerik radgrid “RadControls ASPNET AJAX 2009” . Everything is ok with grid when I use IE6 and IE7 but when I user IE8 I get the problem of overlapping of data to other columns. Please provide me solution whether it’s a browser compatibility issue or something I have done wrong.