<
html xmlns="http://www.w3.org/1999/xhtml">
<
head runat="server">
<title></title>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
.style1
{
width: 134px;
}
.leftPanelBarContainer
{
float: left;
width: 260px;
height: 260px;
overflow: auto;
position: relative; /* Required to workaround IE rendering bug*/
}
.RadPanelBar, .RadPanelBar .rpSlide, .RadPanelBar .rpGroup, .RadPanelBar .rpTemplate
{
overflow: visible !important;
}
div.RadPanelBar .rpLevel1 .rpItem
{
padding: 0;
}
* html .RadPanelBar .RadMenu ul.rmRootGroup
{
zoom: 1;
}
div.RadMenu .rmRootGroup
{
border: 0;
}
div.RadMenu .rmLink
{
float: none;
}
</style>
</
head>
<
body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager ID="ScriptManager" runat="server" />
<table cellpadding="0" cellspacing="0" width="100%" style="height: 10px">
<tr>
<td id="headCell" runat="server" align="left" valign="top" style="height: 10px;">
<uc2:default ID="header" runat="server" />
</td>
</tr>
</table>
<asp:Label ID="lblHeader" runat="server" CssClass="standardtextsmall" Font-Bold="False"></asp:Label>
<asp:ImageButton runat="server" ID="tbimage" ImageUrl="~/images/general/toolbox.gif"
Style="float: left; outline: 0; width: 21px" />
<div class="leftPanelBarContainer">
<div id="slidingDiv" style="visibility: hidden">
<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Height="250px" ExpandMode="FullExpandedItem" OnClientMouseOut="hidepanelbar">
<Items>
<telerik:RadPanelItem Expanded="True" Text="ASP.NET controls">
<Items>
<telerik:RadPanelItem Text="RadComboBox" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/ComboboxPr.gif">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="RadMenu" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/MenuPr.gif">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="RadTabStrip" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/TabstripPr.gif">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="RadPanelBar" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/PanelBarPr.gif">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="RadTreeView" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/TreeviewPr.gif">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="RadToolBar" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/ToolbarPr.gif">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="RadChart" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/ChartPr.gif">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="WinForms controls">
<Items>
<telerik:RadPanelItem Text="RadComboBox" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/Combobox_Win.gif">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="RadDock" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/Dock_Win.gif">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="RadGridView" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/RadGrid.bmp">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="RadTabStrip" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/Tabstrip_Win.gif">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Other projects">
<Items>
<telerik:RadPanelItem Text="SiteFinity" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/st.gif">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Reporting" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/report.gif">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
</div>
</div>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
var panelDomElement = $get('<%=RadPanelBar1.ClientID %>');
var timage = $get('<%= tbimage.ClientID %>');
if (panelDomElement) {
//SetUpAnimation(panelDomElement, Telerik.Web.UI.jSlideDirection.Right, panelDomElement);
SetUpAnimation(timage.id, Telerik.Web.UI.jSlideDirection.Right, panelDomElement);
}
function SetUpAnimation(image, direction, element) {
element.style.position =
"relative";
var slider = document.getElementById(image);
var expanded = false;
var expandAnimation = new Telerik.Web.UI.AnimationSettings({});
var collapseAnimation = new Telerik.Web.UI.AnimationSettings({});
var slide = new Telerik.Web.UI.jSlide(element, expandAnimation, collapseAnimation, false);
slide.initialize();
slide.set_direction(direction);
slider.onmouseover =
function() {
element.parentNode.style.visibility =
"visible";
element.parentNode.style.display =
"block";
if (!expanded) {
slide.expand();
}
else {
slide.collapse();
}
expanded = !expanded;
return false;
}
}
function markItem(sender, args) {
// var attributes = args.get_item().get_attributes();
// attributes.setAttribute("visited", "true");
}
function hidepanelbar(e) {
// var panelbar = $find("<%= RadPanelbar1.ClientID %>");
// if ((!e.toElement) || (!$telerik.isDescendantOrSelf(panelbar.get_childListElement(), e.toElement))) {
// panelbar.hide();
// }
}
function hidepanel(sender, args) {
//var panel = $find("<%= RadPanelBar1.ClientID %>");
//panel.get_element().style.display = "none";
}
</script>
</telerik:RadCodeBlock>
</div>
</div> </div>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="dropMachineType">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="dropModel" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="headCell">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="lblHeader"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
</form>
</
body>
</
html>

I've got the following code in place to check the GridClientSelectColumn from my code behind and it indeed fires and the check boxes are checked but when the page finally renders none of the check boxes are checked. I've tried both the ItemDataBound and the ItemCreated events and neither produce a different result. The following article is were I got my code: http://www.telerik.com/community/code-library/aspnet-ajax/grid/gridclientselectcolumn-select-all-rows-with-enabled-check-boxes-only.aspx
<telerik:RadGrid ID="StepsGrid" runat="server" AllowSorting="True" EnableAJAX="true"
ClientSettings-Selecting-AllowRowSelect="true" GridLines="None" Skin="Sunset"
HeaderStyle-Wrap="false" AutoGenerateColumns="False"
AllowMultiRowSelection="true" onitemdatabound="StepsGrid_ItemDataBound"
onitemcreated="StepsGrid_ItemCreated">
<HeaderStyle Wrap="False"></HeaderStyle>
<ClientSettings EnableRowHoverStyle="true" Selecting-AllowRowSelect="true">
<Selecting AllowRowSelect="true" />
</ClientSettings>
<ItemStyle Wrap="False" />
<MasterTableView CommandItemDisplay="TopAndBottom" CellSpacing="-1" DataKeyNames="StepGuid">
<CommandItemTemplate>
<asp:Button CssClass="CustomButton" runat="server" ID="AddSteps" Text="Add Steps" OnClick="AddSteps_Click" />
</CommandItemTemplate>
<RowIndicatorColumn Visible="False">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="False">
<HeaderStyle Width="19px"></HeaderStyle>
</ExpandCollapseColumn>
<EditItemStyle CssClass="GridEditStyle" />
<Columns>
<telerik:GridBoundColumn UniqueName="StepGuid" DataField="StepGuid" HeaderText="StepGuid"
Visible="false" />
<telerik:GridClientSelectColumn ButtonType="ImageButton" UniqueName="SelectedCheckbox" />
<telerik:GridBoundColumn DataField="Name" HeaderText="Name" />
<telerik:GridBoundColumn DataField="Command" HeaderText="Command" />
<telerik:GridBoundColumn DataField="ServerArguments" HeaderText="Server Arguments" />
<telerik:GridBoundColumn DataField="WorkingDirectory" HeaderText="Working Directory" />
<telerik:GridBoundColumn DataField="CreateTime" HeaderText="CreateTime" ReadOnly="true" />
</Columns>
<EditFormSettings>
<EditColumn UniqueName="Edit1">
</EditColumn>
</EditFormSettings>
</MasterTableView>
</telerik:RadGrid>
Code behind:
protected
void StepsGrid_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
// get the package guid for the current iteration
if (e.Item is GridDataItem)
{
DataRowView dataRow = (DataRowView)e.Item.DataItem;
GridDataItem item = (GridDataItem)e.Item;
CheckBox checkBox = (CheckBox)item["SelectedCheckbox"].Controls[0];
checkBox.Checked = (((
int)dataRow["Selected"]) == 1);
if (checkBox.Checked)
{
string t = "";
}
}
}
protected void StepsGrid_ItemCreated(object sender, GridItemEventArgs e)
{
// get the package guid for the current iteration
if (e.Item is GridDataItem)
{
DataRowView dataRow = (DataRowView)e.Item.DataItem;
GridDataItem item = (GridDataItem)e.Item;
CheckBox checkBox = (CheckBox)item["SelectedCheckbox"].Controls[0];
checkBox.Checked = (((
int)dataRow["Selected"]) == 1);
if (checkBox.Checked)
{
string t = "";
}
}