Questions on UI for ASP.NET AJAX Forum

1 answer

239 views

I am in the process of updating one of our web applications and replacing the RadUpload with the RadAsyncUpload control (along with updating all the other controls on the page).

The definition from the .aspx page and the the code behind is below...the trouble is that the when I click the Import button, it fires the Page_Load event, telling me it is doing the post back, but the FileUploaded event does not fire, which means that the For Each loop I have in the Button_Click event doesn't see any Uploaded files, and nothing happens.
UPDATE:
I've since tried setting the PostbackTriggers attribute...still nothing. Getting to the desperate stage here as we need to move this to production next week. ANY ideas will be greatly appreciated. Thx.

Sorry if I'm missing something simple, this is my first crack at the Upload/AsyncUpload control, and I didn't see anything in the other threads that got me there.

Thanks all!

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server"

AllowedFileExtensions=".pdf" OnFileUploaded="RadAsyncUpload1_FileUploaded"

MaxFileInputsCount="1" AllowedMimeTypes="application/pdf"

Width="300px" InputSize="48" MaxFileSize="20600"

EnableFileInputSkinning="False" Skin="Vista" ChunkSize="0"

TargetFolder="c:/TESTUPLOADS">

</telerik:RadAsyncUpload>

</td>

</tr>

<tr>

<td><asp:CheckBox ID="chkLibrary" runat="server" Text="Add To Library"/>

</td>

</tr>

<tr>

<td>

<table cellpadding="2" cellspacing="2" width="100%" border="0">

<tr>

<td style="width:100%;">

<asp:CustomValidator ID="Customvalidator1" runat="server"

Display="Dynamic"

ClientValidationFunction="validateRadAsyncUpload1">

<span style="FONT-SIZE: 11px;">Invalid file type.</span>

</asp:CustomValidator>

</td>

<td>

<asp:Button ID="buttonSubmit" runat="server" CssClass="RadUploadButton" Text="Import" style="width:95px"/>

</td>

<td>

<asp:Button ID="ctlCancelButton" runat="server" OnClientClick="Cancel_Clicked();return false;" Text="Cancel" style="width:95px"/>

</td>

</tr

>

Protected Sub RadAsyncUpload1_FileUploaded(sender As Object, e As Telerik.Web.UI.FileUploadedEventArgs) Handles RadAsyncUpload1.FileUploaded
     Dim targetFolder As String = RadAsyncUpload1.TargetFolder
     Response.Write(Server.MapPath(targetFolder & "/" & e.File.FileName))
 
 End Sub

AsyncUpload

answered on 01 Apr 2013

8 answers

207 views

RadOrgChart uncertainties

I'm doing an org chart and am keen on using suite provided by telerik.
Prior to that, I have some uncertainties
1. Can telerik control (RadOrgChart) support a large scale (i.e. 130 employees) org chart? I believe the view at client end will be compromised (i.e. the need to scroll)? Are there other implementation (i.e. a zoom button which allows me to zoom in or out) which I can leverage on from telerik without using the [Change Zoom level] from our IE?
2. Can telerik control (RadOrgChart) read RDF?

OrgChart

answered on 01 Apr 2013

3 answers

77 views

How to have/assign telerik:GridDropDownColumn on specified column when we have AutoGeneratedColum=True ?

Hello,

How and where to specify/have/assign telerik:GridDropDownColumn on specified column when we have AutoGeneratedColum=True on RadGrid ?

Thant mean having specific colum as telerik:GridDropDownColumn when AutoGeneratedColum=True.

Thank you
Regards
Ganapathy

Ajax

answered on 01 Apr 2013

2 answers

262 views

convert radgrid field to date

I have a date that I pull into my radgrid that I need to then convert to datefield so that I can color code them but whatever i do it never seems to work. how can I change this string to date.

Protected Sub myRadGridList_ItemDataBound(sender As Object, e As Telerik.Web.UI.GridItemEventArgs) Handles myRadGridList.ItemDataBound

If TypeOf e.Item Is GridDataItem Then

Dim Item As GridDataItem = CType(e.Item, GridDataItem)

Dim DOB As DateTime = DateTime.Parse(Item.Cells(2).Text.ToString)

If DatePart(DateInterval.Month, DOB) = DatePart(DateInterval.Month, Date.Now) Then

Item.Cells(2).ForeColor = Drawing.Color.Firebrick

End If

End Sub

Grid

answered on 01 Apr 2013

1 answer

78 views

Need Example of Binding a DropDownList in an Edit Template

I need an example of the following.

A RadGrid bound via its OnNeedDataSource event. The grid should also have an Edit Template.
The source of data should include at least two fields, LookupId and LookupValue. Of these two, only LookupValue should be visible when NOT editing.
When editing or inserting, the edit template should contain a DropDownList or RadComboBox bound to a Lookup Table of IDs and Values. Best would be if that source were an ObjectDataSource since that's what I'm using, but not sure that's required.

This seems like a fairly common scenario, but I'm having no success finding an example. The only example embedded DropDownList in the demo isn't even bound.

Grid

answered on 01 Apr 2013

3 answers

126 views

Paging does not work while binding RadGrid Cient Side

i tried numerous ways but still not able to get the paging work correctly. I am using JSON to bind the radgrid client side. Everything works well except paging.

Please let me know how can I get the paging work with JSOn method. I dont want to do it with Getdate() and Getcount() methods

Attached is my code
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/cp.master" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="Secure_test" %>
<%@ OutputCache Location="None" VaryByParam="None" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

    <title></title>
    <script src="../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">

           // function OnbuttonClient() {
           function pageLoad(sender, eventArgs) {
                var GridData;

                jQuery.ajax({
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                    data: '',
                    dataType: 'JSON',
                    url: 'test.aspx/BindGrid',
                    success: function (result) {

                        GridData = result.d;
                         if (GridData.length > 0) {

                            var divGridContainer = document.getElementById('divGridContainer');
                            divGridContainer.style.display = "";
                            var tableView = $find("<%= RadGvManageOrder.ClientID %>").get_masterTableView();
                            tableView.set_dataSource(GridData);
                            tableView.dataBind();
                            tableView.set_virtualItemCount(GridData.length);
                        }
                        else {
                            var divGridContainer = document.getElementById('divGridContainer');
                            divGridContainer.style.display = "none";
                        }
                    },
                    error: function () {
                        alert('Error on binding the data');
                    }
                });

                return false;


            }

            function RadGrid1_RowDataBound(sender, args) {
//                var radTextBox1 = args.get_item().findControl("OrderID"); // find control
//                radTextBox1.set_value(args.get_dataItem()["OrderID"]);
            }

            function RadGrid1_Command(sender, args) {
            }
        </script>
        <script type="text/javascript">

            function SelectAllCheckboxesSpecific(spanChk) {

                var IsChecked = spanChk.checked;

                var Chk = spanChk;
                Parent = document.getElementById('<%= RadGvManageOrder.ClientID %>');

                var items = Parent.getElementsByTagName('input');

                for (i = 0; i < items.length; i++) {

                    if (items[i].id != Chk && items[i].type == "checkbox") {

                        if (items[i].checked != IsChecked) {

                            items[i].click();

                        }

                    }

                }

            }
        </script>
    </telerik:RadCodeBlock>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <div>

        <asp:Button ID="Button1" Text="Bind Grid" runat="server" OnClientClick="return OnbuttonClient();" />
        <div id="divGridContainer" style="display: none;">
         <asp:UpdatePanel ID="UpdatePanel1" runat="server">
         <ContentTemplate>
            <telerik:RadGrid ID="RadGvManageOrder" runat="server" PageSize="4"
            runat="server" BorderStyle="None" GridLines="None" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True">
           <ExportSettings HideStructureColumns="true" />
               <MasterTableView ToolTip="Right click for more details.">
                                                            <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                                                                <HeaderStyle Width="20px"></HeaderStyle>
                                                            </RowIndicatorColumn>
                                                            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
                                                                <HeaderStyle Width="20px"></HeaderStyle>
                                                            </ExpandCollapseColumn>
                                                            <EditFormSettings>
                                                                <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                                                </EditColumn>
                                                            </EditFormSettings>
                                                            <Columns>
                                                            <telerik:GridTemplateColumn ItemStyle-CssClass="td" HeaderText="OrderSelected" UniqueName="OrderSelected" DataField="OrderID">
                                                                    <HeaderTemplate>
                                                                        <asp:CheckBox ID="chkAll" onclick="javascript:SelectAllCheckboxesSpecific(this);"
                                                                            runat="server" />
                                                                    </HeaderTemplate>
                                                                    <ItemTemplate>
                                                                        <asp:CheckBox ID="chkThis" runat="server" />
                                                                        <asp:Label ID="lbl_OrderId" Visible="false" runat="server" ></asp:Label>
                                                                        <%--<asp:Label ID="lbl_SourceID" runat="server" Visible="false" Text='<%#Eval("SourceID") %>'></asp:Label>--%>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>

                                                                <telerik:GridBoundColumn ItemStyle-CssClass="td" DataField="OrderNo" HeaderText="Customer Job Number" SortExpression="OrderNo">
                                                                </telerik:GridBoundColumn>

                                                                <telerik:GridTemplateColumn ItemStyle-CssClass="td" HeaderText="eMerx Job Number" UniqueName="JobNumber" SortExpression="OrderID">
                                                                    <ItemTemplate>
                                                                        <input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" />
                                                                        <asp:Label ID="lblTargetShippingDate" runat="server" Visible="false"></asp:Label>
                                                                        <asp:Label ID="lblOrderID" runat="server" ></asp:Label>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>

                                                                <telerik:GridBoundColumn ItemStyle-CssClass="td" DataField="OrderDate" HeaderText="Customer Order Date" SortExpression="OrderDate" >
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridBoundColumn ItemStyle-CssClass="td" DataField="CreatedOn" HeaderText="Submitted On" SortExpression="CreatedOn">
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridBoundColumn ItemStyle-CssClass="td" DataField="OrderStatus" HeaderText="Order Status" SortExpression="OrderStatus">
                                                                </telerik:GridBoundColumn>
                                                        <%--        <telerik:GridBoundColumn DataField="NoOfItems" HeaderText="Quantity" SortExpression="NoOfItems">
                                                                </telerik:GridBoundColumn>--%>


                                                                 <telerik:GridTemplateColumn ItemStyle-CssClass="td" HeaderText="Track Package" UniqueName="TrackOrder" HeaderStyle-ForeColor="#1F476F">
                                                                          <ItemTemplate><%--onclick='Open(this.id,<%#Eval("OrderID")%>);return false;'--%>

                                                                             <%--   <a href="javascript:;" target="_blank" style='display:<%#Eval("ShipMethod").ToString()=="Manual" ? "none" : "block"%>;' id='anchor<%#Eval("OrderID")%>' onclick='Open(this.id,<%#Eval("OrderID")%>);return false;' >
                                                                                    Track Package</a>--%>
                                                                                   <%-- <a href="javascript:;" target="_blank" style='display:<%#Eval("ShipMethod").ToString()=="Manual" ? "block" : "none"%>;' onclick='notify();return false;'>Track Package</a>
                                                                           --%> </ItemTemplate>

                                                                <HeaderStyle ForeColor="#1F476F"></HeaderStyle>
                                                                         </telerik:GridTemplateColumn>

                                                               <%-- <telerik:GridBoundColumn DataField="BinNumbers" HeaderText="Bin Number" SortExpression="BinNumbers">
                                                                </telerik:GridBoundColumn>--%>

                                                                <telerik:GridButtonColumn ItemStyle-CssClass="td" ButtonType="LinkButton" HeaderText="Cancel Order" CommandName="CancelOrder"
                                                                    UniqueName="CancelOrderColumn" Text="Cancel Order" ConfirmDialogType="RadWindow" ConfirmText="Are you sure you want to Cancel this order?" >
                                                                    <ItemStyle HorizontalAlign="Center" />
                                                                </telerik:GridButtonColumn>
                                                               <%-- <telerik:GridButtonColumn ButtonType="LinkButton" HeaderText="Re-Processing" CommandName="ReProcessing"
                                                                    UniqueName="ReProcessingColumn" Text="Re-Processing">
                                                                    <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
                                                                </telerik:GridButtonColumn>--%>
                                                                <telerik:GridTemplateColumn ItemStyle-CssClass="td" HeaderText="" UniqueName="OrderStatusCol">
                                                                    <ItemTemplate>
                                                                        <asp:Label ID="lblOrderStatus" runat="server" Visible="false" ></asp:Label>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>
                                                            </Columns>
                                                            <CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true"
                                                                ShowExportToCsvButton="true" />
                                                        </MasterTableView>

                <PagerStyle Position="TopAndBottom"/>
             <ClientSettings>
            <ClientEvents OnCommand="RadGrid1_Command" OnRowDataBound="RadGrid1_RowDataBound">
            </ClientEvents>
        </ClientSettings>

            </telerik:RadGrid>
             <telerik:RadContextMenu ID="RadMenu1" runat="server"
                                                        EnableRoundedCorners="true" EnableShadows="true">
                                                        <Items>
                                                            <telerik:RadMenuItem Text="Order Detail" />
                                                            <telerik:RadMenuItem Text="Modify Quantity" />
                                                            <telerik:RadMenuItem Text="Change Target Date" />
                                                        </Items>
                                                    </telerik:RadContextMenu>
            </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </div>

</asp:Content>

COde File

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;
using cpPresenter;
using cpModel;
using cpView;
using Telerik.Web.UI;
using System.Text;
using System.Web.Services;

public partial class Secure_test : System.Web.UI.Page,IManageOrder
{

    static string _sourceId = "";
    Int32? _EmployeeID;
    ManageOrder _manageOrder;
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.QueryString["sid"] != null)
        {
            _sourceId = CommonFunctions.Decrypt(Request.QueryString["sid"]).ToString();
        }
        else
            _sourceId = Session["SourceId"].ToString();


    }
    [WebMethod]
    public static List<GetOrdersData4CP_Result> BindGrid()
    {

        return ManageOrder.GetdataTest(null, null, "3", null, null, null, null, null, null, null, null);

       // return ManageOrder.GetPhysicalPrinters();

    }

    public int? EmployeeID
    {
        get { return Session["EmployeeID"] != null ? Convert.ToInt32(Session["EmployeeID"]) : 0; ; }
        set { _EmployeeID = value; }
    }

}

Ajax

answered on 31 Mar 2013

3 answers

144 views

[Solved] Checking value

Hi,

I got a RadTextBox and after user enter some value and move to the next textbox, I want to check if the value is greater than 18. And if the condition fails, display an alert and clear text.

Thanks,
Karl.

General Discussions

answered on 31 Mar 2013

11 answers

190 views

Radar Chart Update

Hi guys

I looked some posts in regards to Radar Chart back in July 2009 and back then Telerik has no plan to make this as apart of RadChart. Now it's 2010 so I am just wondering if this is still the case.

I am appreciated your feedback.

Thanks

Chart (Obsolete)

answered on 31 Mar 2013

5 answers

510 views

RAD Html Chart Transparent Background Color

Hello,

I am trying to get the background/background color of the RAD HTML 5 Column Chart to be transparent but no matter what I do it is always white, unless, of course, I set it to some other color besides white (e.g. green).

I want to lay the chart on a larger background image but the charts plot background is always white.

How can I make the chart transparent so I can see the background image underneath it?

<div style="padding:200px 0px 0px 0px;height:1000px;width:1000px;background-image:url(bearbackground.png);">
<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="800" Height="500" Transitions="true" BackColor="Transparent">
<Appearance>
<FillStyle BackgroundColor="Transparent"></FillStyle>
</Appearance>
<Legend>
<Appearance Visible="false" ></Appearance>
</Legend>
<PlotArea>
<Appearance>
<FillStyle BackgroundColor="Transparent"></FillStyle>
</Appearance>
<XAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickType="Outside" MinorTickType="Outside"
Reversed="false">
<Items>
<telerik:AxisItem LabelText="Bear 1"></telerik:AxisItem>
<telerik:AxisItem LabelText="Bear 2"></telerik:AxisItem>
<telerik:AxisItem LabelText="Bear 3"></telerik:AxisItem>
<telerik:AxisItem LabelText="Bear 4"></telerik:AxisItem>
<telerik:AxisItem LabelText="Bear 5"></telerik:AxisItem>
</Items>
<LabelsAppearance DataFormatString="{0}" RotationAngle="0" Visible="false"></LabelsAppearance>
<MajorGridLines Color="#EFEFEF" Width="1"></MajorGridLines>
<MinorGridLines Color="#F7F7F7" Width="1"></MinorGridLines>
</XAxis>
<YAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickSize="1" MajorTickType="Outside"
MaxValue="50000" MinorTickSize="1" MinorTickType="Outside" MinValue="0" Reversed="false"
Step="10000" Visible="false">
<MajorGridLines Color="#EFEFEF" Width="1"></MajorGridLines>
<MinorGridLines Color="#F7F7F7" Width="1"></MinorGridLines>
<TitleAppearance Position="Center" RotationAngle="0" Text="Votes"></TitleAppearance>
</YAxis>
<Series>
<telerik:ColumnSeries Name="Bears" Stacked="false">
<Appearance>
<FillStyle BackgroundColor="#ff0000"></FillStyle>
</Appearance>

<Items>
<telerik:SeriesItem YValue="25000"></telerik:SeriesItem>
<telerik:SeriesItem YValue="12000"></telerik:SeriesItem>
<telerik:SeriesItem YValue="39000"></telerik:SeriesItem>
<telerik:SeriesItem YValue="39000"></telerik:SeriesItem>
<telerik:SeriesItem YValue="39000"></telerik:SeriesItem>
</Items>
</telerik:ColumnSeries>
</Series>
</PlotArea>
</telerik:RadHtmlChart>
</div>

Here is the source view of the generated javascript. It can be clearly seen that the background color is being set to white despite the fact that the configuration says Transparent:

WebForm_InitCallback();Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadHtmlChart, {"_chartArea":"{background: \u0027#ffffff\u0027}","_chartTitle":"{visible :true}","_plotArea":"{categoryAxis: { line: { width: 1, color: \u0027#b3b3b3\u0027}, minorTickType: \u0027outside\u0027,title :{visible :true},labels :{visible: false},minorGridLines :{visible :true, color: \u0027#f7f7f7\u0027},majorGridLines :{visible :true, color: \u0027#efefef\u0027}, axisCrossingValue: 0, categories: [\u0027Bear 1\u0027,\u0027Bear 2\u0027,\u0027Bear 3\u0027,\u0027Bear 4\u0027,\u0027Bear 5\u0027]},valueAxis:[{visible: false}],appearance: {background: \u0027#ffffff\u0027}}","_series":"series: [{color: \u0027#ff0000\u0027,name: \u0027Bears\u0027,tooltip :{visible :true},type: \u0027column\u0027, data: [25000,12000,39000,39000,39000],labels :{font: \u002712px Arial,Helvetica,sans-serif\u0027, visible :true, position: \u0027outsideEnd\u0027}}]","_uniqueId":"RadHtmlChart1","clientStateFieldID":"RadHtmlChart1_ClientState","height":"250px","skin":"Default","width":"800px"}, null, null, $get("RadHtmlChart1"));
});
//]]>

Thanks,
Eric

Chart (HTML5)

answered on 31 Mar 2013

1 answer

181 views

Grid not firing InitInsert event

The following grid opens an Edit Template instead of firing the OnInitInsert event when I click LinkButton2, and I can't figure out why.

<telerik:RadGrid ID="ModelGrid" runat="server" AllowFilteringByColumn="True" Width="1125px"
Height="300px" OnDeleteCommand="Model_Delete" OnEditCommand="Model_Edit" OnInsertCommand="Model_Insert"
CellSpacing="0" GridLines="Vertical" EnableViewState="True" OnNeedDataSource="Model_NeedDataSource">
<ClientSettings>
<Selecting AllowRowSelect="True" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
</Scrolling>
</ClientSettings>
<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="ModelId" AutoGenerateColumns="False">
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
</ExpandCollapseColumn>
<Columns>
<telerik:GridBoundColumn DataField="ModelNumber" AllowFiltering="true" FilterControlAltText="Filter Model Number column"
ItemStyle-HorizontalAlign="Left" HeaderText="Model Number" SortExpression="ModelNumber"
UniqueName="ModelNumber" HeaderStyle-Width="250px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Description" AllowFiltering="true" FilterControlAltText="Filter Description column"
ItemStyle-HorizontalAlign="Left" HeaderStyle-Width="250px" HeaderText="Description"
SortExpression="Description" UniqueName="Description">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="ProductLine" AllowFiltering="true" FilterControlAltText="Filter Product Line column"
ItemStyle-HorizontalAlign="Left" HeaderText="Product Line" HeaderStyle-Width="200px"
SortExpression="ProductLine" UniqueName="ProductLine">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="AssetTypes" AllowFiltering="true" FilterControlAltText="Filter AssetTypes column"
ItemStyle-HorizontalAlign="Left" HeaderStyle-Width="150px" HeaderText="Asset Types"
SortExpression="AssetTypes" UniqueName="AssetTypes">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="DisplayPosition" AllowFiltering="false" HeaderText="Default Position"
SortExpression="DisplayPosition" HeaderStyle-Width="150px" UniqueName="DisplayPosition"
HeaderStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Height" AllowFiltering="false" HeaderStyle-Width="60px"
HeaderStyle-HorizontalAlign="Center" HeaderText="Height" SortExpression="Height"
UniqueName="Height">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Width" AllowFiltering="false" HeaderStyle-Width="60px"
HeaderStyle-HorizontalAlign="Center" HeaderText="Width" SortExpression="Width"
UniqueName="Width">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Depth" AllowFiltering="false" HeaderStyle-Width="60px"
HeaderStyle-HorizontalAlign="Center" HeaderText="Depth" SortExpression="Depth"
UniqueName="Depth">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="UseRackUnits" AllowFiltering="false" HeaderStyle-Width="100px"
HeaderStyle-HorizontalAlign="Center" HeaderText="In Rack Units" SortExpression="UseRackUnits"
UniqueName="UseRackUnits">
</telerik:GridBoundColumn>
</Columns>
<CommandItemTemplate>
<div style="padding: 5px 5px;">
<asp:LinkButton ID="btnEditSelected" runat="server" CommandName="EditSelected" Visible='<%# ModelGrid.EditIndexes.Count == 0 %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/Edit.gif"/>Edit</asp:LinkButton>  
<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# ModelGrid.EditIndexes.Count > 0 %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/Update.gif"/>Update</asp:LinkButton>  
<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# ModelGrid.EditIndexes.Count > 0 || ModelGrid.MasterTableView.IsItemInserted %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/Cancel.gif"/>Cancel editing</asp:LinkButton>  
<asp:LinkButton ID="LinkButton2" runat="server" CommandName="InitInsert" Visible='<%# !ModelGrid.MasterTableView.IsItemInserted %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/AddRecord.gif"/>Add new</asp:LinkButton>  
<asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete selected Model?')"
runat="server" CommandName="DeleteSelected"><img style="border:0px;vertical-align:middle;" alt="" src="../Images/Delete.gif"/>Delete</asp:LinkButton>  
</div>
</CommandItemTemplate>
</MasterTableView>
<ClientSettings EnablePostBackOnRowClick="true">
<Selecting AllowRowSelect="True"></Selecting>
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" />
</ClientSettings>
<FilterMenu EnableImageSprites="False">
</FilterMenu>
</telerik:RadGrid>

Grid

answered on 30 Mar 2013