Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
78 views

I have a hierarchy grid with 3 levels similar to the "Grid - Declarative Relations" demo.  I am using batch edit mode and have set HighlightDeletedRows="True".  However in the inner most grid it is not highlighting the row to be deleted.  This is the BatchEditingSettings at each level.

<BatchEditingSettings EditType="Cell" SaveAllHierarchyLevels="True" HighlightDeletedRows="True" OpenEditingEvent="Click"></BatchEditingSettings>

Is there some way I can get it to highlight the row to be deleted in the inner most grid?

Thanks,  Jeff

Jeff H.
Top achievements
Rank 1
 answered on 27 Oct 2016
15 answers
295 views

Hello,

I've updated to latest version of UI for ASP.NET AJAX R3 2016 and I get now following javascript error...

TypeError: this._contextMenuFunctionality.dispose is not a function

 /Telerik.Web.UI.WebResource.axd?....:29491:33 dispose()
 /Telerik.Web.UI.WebResource.axd?....:6:68785 disposeElement()
 /Telerik.Web.UI.WebResource.axd?....:15:35395 _updatePanel()
 /Telerik.Web.UI.WebResource.axd?....:15:32430 _scriptIncludesLoadComplete()
 /Telerik.Web.UI.WebResource.axd?....:6:204 .()
 /Telerik.Web.UI.WebResource.axd?....:6:307
 /Telerik.Web.UI.WebResource.axd?....:15:4881 _loadScriptsInternal()
 /Telerik.Web.UI.WebResource.axd?....:15:5671 _scriptLoadedHandler()
 /Telerik.Web.UI.WebResource.axd?....:6:307 ._completedCallback()
 /Telerik.Web.UI.WebResource.axd?....:6:94288 _scriptLoadHandler()

I'm using a TreeView and some context menus in a Update Panel and this error occures when I'm clicking a tree node.

These are the client side events of RadTreeView I'm using:

OnClientContextMenuItemClicking="onContextMenuItemClick"
OnClientContextMenuShowing="onClientContextMenuShowing"
OnClientDoubleClick="onClientDoubleClickHandler"
OnClientNodeClicking="clientNodeClickingHandler"
OnClientNodeExpanding="toggleHandler"
OnClientNodeCollapsing="toggleHandler"
OnClientNodeExpanded="onNodeExpandedCollapsed"
OnClientNodeCollapsed="onNodeExpandedCollapsed"

Hope this helps,

Best regards

Roman Haussener

Marin Bratanov
Telerik team
 answered on 27 Oct 2016
5 answers
120 views

I installed the most recent version of UI for ASP.net R3 2016 SP1 (2016.3.1018). The update did fix the radGrid filter autopostback issue, which was good.

 

What is now happening is any page with a RadEditor on it causes a Javascript error on a postback. I'm attaching a screencap showing the error popping up. Browser is Chrome Canary. Also happens in Chrome and Edge.

 

The exact text of the error is as follows: 

TypeError: this._contextMenuFunctionality.dispose is not a function
&nbsp;/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3af9ecfe64-7d94-4875-a470-9996e4d00a9f%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2016.3.1018.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a761f4fed-131d-4f69-96f1-760ff0e34523%3a16e4e7cd%3a33715776%3a4877f69a%3a86526ba7%3a874f8ea2%3af7645509%3a24ee1bba%3ac128760b%3a19620875%3af46195d3%3acda80b3%3a383e4ce8%3aed16cbdc%3ae330518b%3a2003d0b8%3a1e771326%3a88144a7a%3ac8618e41%3a1a73651d%3a333f8d94%3ab2e06756%3a92fe8ea0%3afa31b949%3a490a9d4e%3abd8f85e4%3a52af31a4%3a5fa37e7e%3aaa288e2d%3a258f1c72%3a8674cba1%3a7c926187%3ab7778d6c%3ac08e9f8a%3a59462f1%3aa51ee93e%3a3856fd9f%3adc7e0bd%3a63b115ed%3a1569bb5f%3a30f1f089:35698

-------------

I'm also including the control definition for your reference. This and other pages/sites with the same RadEditor all worked prior to applying the Service Pack 1.

 

<%--                            <telerik:RadEditor ID="txtAnnotation" runat="server" AutoResizeHeight="True" EnableResize="False" Height="175px" RenderMode="classic"
                                ToolbarMode="ShowOnFocus" Width="100%">
                                <Tools>
                                    <telerik:EditorToolGroup Tag="InsertToolbar">
                                        <telerik:EditorTool Name="AjaxSpellCheck" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorToolStrip Name="InsertTable">
                                        </telerik:EditorToolStrip>
                                        <telerik:EditorTool Name="InsertRowAbove" />
                                        <telerik:EditorTool Name="InsertRowBelow" />
                                        <telerik:EditorTool Name="DeleteRow" />
                                        <telerik:EditorTool Name="InsertColumnLeft" />
                                        <telerik:EditorTool Name="InsertColumnRight" />
                                        <telerik:EditorTool Name="DeleteColumn" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="MergeColumns" />
                                        <telerik:EditorTool Name="MergeRows" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="SplitCell" />
                                        <telerik:EditorTool Name="SplitCellHorizontal" />
                                        <telerik:EditorTool Name="DeleteCell" />
                                        <telerik:EditorTool Name="SetCellProperties" />
                                        <telerik:EditorTool Name="SetTableProperties" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorSplitButton Name="InsertSymbol">
                                        </telerik:EditorSplitButton>
                                    </telerik:EditorToolGroup>
                                    <telerik:EditorToolGroup Tag="Formatting">
                                        <telerik:EditorTool Name="Bold" />
                                        <telerik:EditorTool Name="Italic" />
                                        <telerik:EditorTool Name="Underline" />
                                        <telerik:EditorTool Name="StrikeThrough" />
                                        <telerik:EditorSplitButton Name="ForeColor">
                                        </telerik:EditorSplitButton>
                                        <telerik:EditorSplitButton Name="BackColor">
                                        </telerik:EditorSplitButton>
                                        <telerik:EditorTool Name="FormatPainter" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="JustifyLeft" />
                                        <telerik:EditorTool Name="JustifyCenter" />
                                        <telerik:EditorTool Name="JustifyRight" />
                                        <telerik:EditorTool Name="JustifyFull" />
                                        <telerik:EditorTool Name="JustifyNone" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="Superscript" />
                                        <telerik:EditorTool Name="Subscript" />
                                        <telerik:EditorSeparator />
                                        <telerik:EditorTool Name="ConvertToLower" />
                                        <telerik:EditorTool Name="ConvertToUpper" />
                                        <telerik:EditorTool Name="Indent" />
                                        <telerik:EditorTool Name="Outdent" />
                                        <telerik:EditorTool Name="InsertOrderedList" />
                                        <telerik:EditorTool Name="InsertUnorderedList" />
                                        <telerik:EditorTool Name="AbsolutePosition" />
                                        <telerik:EditorTool Name="LinkManager" />
                                        <telerik:EditorTool Name="Unlink" />
                                        <telerik:EditorTool Name="SetLinkProperties" />
                                        <telerik:EditorTool Name="ToggleTableBorder" />
                                    </telerik:EditorToolGroup>
                                    <telerik:EditorToolGroup Tag="DropdownToolbar">
                                        <telerik:EditorDropDown Name="FontName">
                                        </telerik:EditorDropDown>
                                        <telerik:EditorDropDown Name="FontSize">
                                        </telerik:EditorDropDown>
                                        <telerik:EditorDropDown Name="RealFontSize">
                                        </telerik:EditorDropDown>
                                        <telerik:EditorDropDown Name="ApplyClass">
                                        </telerik:EditorDropDown>
                                        <telerik:EditorDropDown Name="InsertCustomLink">
                                        </telerik:EditorDropDown>
                                        <telerik:EditorDropDown Name="FormatBlock">
                                        </telerik:EditorDropDown>
                                        <telerik:EditorTool Name="FormatSets" />
                                        <telerik:EditorDropDown Name="Zoom">
                                        </telerik:EditorDropDown>
                                    </telerik:EditorToolGroup>
                                </Tools>
                                <Content>
                                
                                </Content>
                                <TrackChangesSettings CanAcceptTrackChanges="False" />
                            </telerik:RadEditor>--%>

Marin Bratanov
Telerik team
 answered on 27 Oct 2016
1 answer
142 views

Hi,
Did you have made some change on Permission for deletion with the last update (2016.3.1018)?

After update, Permission for Deletion not works like before update.
I set permission with a customprovider (permission is ok on GetPermissions return after update too))
Windows Security are ok too.

The button changes to enable just if Parent Folder have access on Deletion and not take care about the permission of file.

Thank you for your help.

 

and does not take
Vessy
Telerik team
 answered on 27 Oct 2016
4 answers
349 views

I'm using a RadGrid control to display reports to users.

In the course of WAI-ARIA-enabling the website I have activated keyboard navigation setting the RadGrid's AllowKeyboardNavigation property to true.

Now, when I hit [RETURN] on any row in the Grid, an in-place editor opens. I don't want this to happen.

How can I keep the RadGrid from entering edit mode thoroughly?

Konstantin Dikov
Telerik team
 answered on 27 Oct 2016
1 answer
260 views

I have a RadGrid in which i need to loop through the first column and turn off the on click event.  

Prior to grouping this RadGrid the following code did this across each individual row.

CType(CType(Page.Form.FindControl("ReportGrid"), RadGrid).MasterTableView.Items(i).Cells(2), TableCell).Attributes.Add("OnClick", "return false;")

And 

CType(Page.Form.FindControl("ReportGrid"), RadGrid).MasterTableView.Items(lastRowCount - j).CssClass = "boldRow" 

over the last row in order to bold the sum row. 

 

However now with grouping I cannot locate the appropriate position to set the attribute/cssclass.  Also the total row for each group is duplicated twice. 

How do I access the first column in each row turn off the OnClick event? And how do I find/access the last row of each group? 

thank you. 

<telerik:RadGrid ID="ReportGrid" runat="server" AllowSorting="True" AutoGenerateColumns="False"
Skin="Rental" PageSize="100000" GridLines="None" Width="930px" AllowPaging="True"
TabIndex="-1" EnableEmbeddedSkins="false" Height="480px" >
<PagerStyle Position="Bottom" Mode="NumericPages" PageButtonCount="10" AlwaysVisible="true" />
<ClientSettings>
<Scrolling UseStaticHeaders="True" AllowScroll="True" ScrollHeight="430px"></Scrolling>
<Resizing ResizeGridOnColumnResize="True" ClipCellContentOnResize="False" />
</ClientSettings>
<SortingSettings EnableSkinSortStyles="false" />
<MasterTableView AllowCustomSorting="true" AllowMultiColumnSorting="false" EnableNoRecordsTemplate="False" GridLines="Vertical" DataKeyNames="regionid" TableLayout="Fixed">
<SortExpressions>
<telerik:GridSortExpression FieldName="Product" SortOrder="Ascending" />
</SortExpressions>
<GroupByExpressions>
<telerik:GridGroupByExpression>
<SelectFields>
<telerik:GridGroupByField FieldAlias="Product" FieldName="Product" SortOrder="Ascending"></telerik:GridGroupByField>
</SelectFields>
<GroupByFields>
<telerik:GridGroupByField FieldName="ProductSort" SortOrder="Descending"></telerik:GridGroupByField>
</GroupByFields>
</telerik:GridGroupByExpression>
</GroupByExpressions>
<NoRecordsTemplate>
There is no data to display.
</NoRecordsTemplate>
<Columns>
<telerik:GridButtonColumn ButtonType="LinkButton" ImageUrl="" HeaderText="Region"
DataTextField="RegionName" ItemStyle-CssClass="GrdBtn" CommandName="Select" UniqueName="btnSelect" SortExpression="Name"
HeaderStyle-Width="150px" />
<telerik:GridBoundColumn DataField="Size" HeaderText="Size" UniqueName="Size"
SortExpression="Util">
<HeaderStyle Width="60px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Util" HeaderText="Util" UniqueName="Util"
SortExpression="Util">
<HeaderStyle Width="60px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Lol" HeaderText="Lol" UniqueName="Lol"
SortExpression="Lol">
<HeaderStyle Width="60px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="ConLength" HeaderText="ConLength over Time" UniqueName="ConLength"
SortExpression="ConLength">
<HeaderStyle Width="60px" />
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

Angel Petrov
Telerik team
 answered on 27 Oct 2016
1 answer
88 views
Is there a way to check and uncheck all Tiles through javascript? And also it has a way to be able to remove a Tile through javascript or code-behind? I'm waiting
Marin Bratanov
Telerik team
 answered on 27 Oct 2016
5 answers
645 views

I have a radcombobox inside an update panel and it works fine in every other broswer but Edge. I get the following JS exception in Edge when I debug with f12:

"Sys.ScriptLoadFailedException: The script http://xxx/ScriptResource.axd?d=qZWov62bqH1pGSd7D0rQx-DbXZR3u-bcTkEoFKSoahBoB3Yrh_wCaeTQapIJW9FNJ_Rl8OfON8PhrH6dyNfuKmqiz44SDKOLCQx07DwbU6nWm-KML3wF4LeAKJ8k50XKUYKv8MnFUudJMiYa0&t=ffffffffe8b7bf5c' 

 

failed to load. Check for:
 Inaccessible path.
 Script errors. (IE) Enable 'Display a notification about every script error' under advanced settings.
 Missing call to Sys.Application.notifyScriptLoaded().

 

When I open the script file in a text editor and navigate to the line the debugger says is causing the issue it's this line:

c.RadComboBox.prototype._updateComboBoxText=function(){if(!this._checkBoxes){return;

 

When it reaches this point it crashes and the combobox doesn't work at all. Again this works in every other browser. 

Peter Milchev
Telerik team
 answered on 27 Oct 2016
1 answer
399 views

Basically, I'm trying to split uploaded files into 4meg chunks and write them out.  However, I'm getting an error and can't figure out why.

The file being uploaded is 65meg.

Below is my source code.  It creates the first Chunk fine.  It then loops around, and when it starts the second Chunk, it blows up with this error message:
"Offset and length were out of bounds for the array or count is greater than the number of elements from index to the end of the source collection."

The line of code that is the offender is inside the Else statement and is:

                        streamFile.Read(chunk, index, intChunkLength);

index is 4194304 bytes (4,194,304)
intChunkLength is also 4194304 bytes (4,194,304)
streamFile.ContentLength is 95724958 (95,724,958)

 

Now, the way I understand it (Which could be wrong) is that streamFile should be reading the uploaded file starting at the 4194304 byte, and reading in an additional 4194304 bytes.  That would be 8,388,608 bytes in.   That is well within the 95,724,958 bytes that was uploaded.   So why am I getting this error?  Maybe I don't understand the way InputStream is supposed to work. 

        protected void RadAsyncUpload1_FileUploaded(object sender, Telerik.Web.UI.FileUploadedEventArgs args)
        {
 
            // This is an experiment to break up a file into chunks.  From here down.
            foreach (UploadedFile file in RadAsyncUpload1.UploadedFiles)
            {
                byte[] bytes = new byte[file.ContentLength];
 
                byte[] chunk = new byte[1024 * 1024 * 4];
                int intChunkLength = chunk.Length;
                int count = 1;
                int index = 0;
 
                using (var streamFile = file.InputStream)
                {
                    while (index <= bytes.Length)
                {
 
                    if (index + chunk.Length > (bytes.Length))
                    {
                        // Remainder
                        int intChunkUsedSoFar = (count - 1) * chunk.Length;
                        int intRemainder = index - intChunkUsedSoFar;
                        chunk = new byte[chunk.Length];
                        streamFile.Read(chunk, index, intRemainder);
                         
                    }
                    else
                    {
                        // Full size
                        chunk = new byte[intChunkLength];
                        streamFile.Read(chunk, index, intChunkLength);
                    }
 
                    File.WriteAllBytes("c:\\chunks\\chunk" + count.ToString() + ".ary", chunk);
                     
                    count = count + 1;
                    index += chunk.Length;
 
                }
            }
}}
Peter Milchev
Telerik team
 answered on 26 Oct 2016
1 answer
234 views

I am attempting to utilize the following demo to create two RadGrids that allow me to drag and drop elements between them.  When I drag from one grid to the second it fires the onrowdrop function but doesn't actually drop the row item into the second grid.

Grid - Items Drag-and-drop

any help would be great

 

<%@ Page Title="" Language="VB" MasterPageFile="~/Masters/SetupMaintenance.master" AutoEventWireup="false" CodeFile="WebsiteMenuMaintenance.aspx.vb" Inherits="WebsiteMenuMaintenance" %>
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="~/UserControls/CampaignSelection.ascx" TagPrefix="uc1" TagName="CampaignSelection" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentHeader" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentMain" runat="Server">
 
    <asp:HiddenField ID="hiddenCampaign_Key" runat="server" />
    <asp:HiddenField ID="CampaignCategoryHeader_Id" runat="server" />
    <asp:HiddenField ID="HiddenCampaignCategoryHeaderDetail_Id" runat="server" />
    <input id="hiddenMenu_Id" type="hidden" name="hiddenMenu_Id" runat="server" />
    <input id="hiddenMenu_Key" type="hidden" name="hiddenMenu_Key" runat="server" />
    <input id="hiddenMenuDetailParent_Key" type="hidden" name="hiddenMenuDetailParent_Key" runat="server" />
    <input id="hiddenMenuDetail_Id" type="hidden" name="hiddenMenuDetail_Id" runat="server" />
    <input id="hiddenMenuDetail_Key" type="hidden" name="hiddenMenuDetail_Key" runat="server" />
 
    <asp:Label runat="server" ID="lblError" />
    <uc1:CampaignSelection runat="server" ID="CampaignSelection" InlcudeAllCampaignsChoice="True" />
    <div class="row">
        <div class="col-md-6">
            <h3>Current Menus</h3>
        </div>
        <div class="col-md-6 text-right">
            <h3>
                <asp:LinkButton ID="lnkNewMenu" runat="server" ToolTip="Add a New Menu" CssClass="iconAction"><i class="glyphicon glyphicon-plus"></i> Add</asp:LinkButton></h3>
        </div>
 
    </div>
    <%--<div class="row">
        <div class="col-md-2">
            <div id="Templates">
                <telerik:radgrid ID="radMenuTree" runat="server" ShowLineImages="false" Width="100%" Style="white-space: normal;">
                </telerik:radgrid>
            </div>
        </div>
        </div>
        <div class="col-md-10">
            <div id="EditMenu">
                <div class="row">
                    <div class="col-md-6">
                        <h3>Menu Option</h3>
                    </div>
                    <div class="col-md-6 text-right">
                        <h3>
                            <asp:LinkButton ID="lnkSave" runat="server" CssClass="lnkSave" CommandName="SaveHTML" OnClientClick="SaveHTMLCONTENT()"><i class="glyphicon glyphicon-save"></i>Save</asp:LinkButton></h3>
                    </div>
                </div>--%>
                 
                      
                        <telerik:RadSkinManager runat="server" id="RadSkinManager1" showChooser="false" />
                        <script type="text/javascript">
                            ; (function ($, undefined) {
                                var grdAvailableMenus;
                                var grdMainMenus;
 
                                //var demo = window.demo = {};
                                
                                onGridCreated = function (sender, args) {                                                                  
                                    grdAvailableMenus = $telerik.findControl(document, "grdAvailableMenus");
                                    grdAvailableMenus = sender;
                                     
                                }
                                onRowDropping = function (sender, args) {
                                    alert("Row Dropping")
                                    alert(sender.get_id)
                                    console.log(sender);
                                    //if (sender.get_id() == grdAvailableMenus.get_id()) {
                                    var node = args.get_destinationHtmlElement();
 
                                        if (!isChildOf(grdMainMenus.get_id(), node) && !isChildOf(grdAvailableMenus.get_id(), node)) {
                                            //args.set_cancel(true);
                                            alert(grdAvailableMenus)
                                           
                                            
 
                                        }
                                   // }
                                    else {
                                        var node = args.get_destinationHtmlElement();
                                        alert(node)
                                        if (!isChildOf('trashCan', node)) {
                                            args.set_cancel(true);
                                        }
                                        else {
                                            if (confirm("Are you sure you want to delete this menu?"))
                                                args.set_destinationHtmlElement($get('trashCan'));
                                            else
                                                args.set_cancel(true);
                                        }
                                    }
                                };
 
                                function isChildOf(parentId, element) {
                                    while (element) {
                                        if (element.id && element.id.indexOf(parentId) > -1) {
                                            return true;
                                        }
                                        element = element.parentNode;
                                    }
                                    return false;
                                };
                            })($telerik.$);
                        </script>
                        <telerik:RadFormDecorator RenderMode="Lightweight" ID="RadFormDecorator1" DecorationZoneID="msgTop" DecoratedControls="CheckBoxes, Label" runat="server" Skin="Silk" EnableRoundeCorners="True" />
                        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>
                        <telerik:RadAjaxManager runat="server" id="RadAjax" DefaultLoadingPanelID="RadAjaxLoadingPanek1">
                            <AjaxSettings>
                                <telerik:AjaxSetting AjaxControlID="grdAvailableMenus">
                                    <UpdatedControls>
                                        <telerik:AjaxUpdatedControl ControlID="grdAvailableMenus" />
                                        <Telerik:AjaxUpdatedControl ControlID="grdMainMenus" />
                                        <telerik:AjaxUpdatedControl ControlID="msg" />                                                                              
                                    </UpdatedControls>
                                </telerik:AjaxSetting>
                                <telerik:AjaxSetting AjaxControlID="grdMainMenus" >
                                    <UpdatedControls>
                                        <telerik:AjaxUpdatedControl ControlID="grdMainMenus" />
                                        <telerik:AjaxUpdatedControl ControlID="msg" />
                                    </UpdatedControls>
                                </telerik:AjaxSetting>
                                <telerik:AjaxSetting AjaxControlID="UseDragColumnCheckBox">
                                    <UpdatedControls>
                                        <telerik:AjaxUpdatedControl ControlID="grdAvailableMenus" />
                                        <telerik:AjaxUpdatedControl ControlID="grdMainMenus" />
                                    </UpdatedControls>
                                </telerik:AjaxSetting>
                            </AjaxSettings>
                        </telerik:RadAjaxManager>
                <div class="row">
                    <div class="col-md-12">
                        <telerik:RadGrid Rendermode="Lightweight" runat="server" ID="grdAvailableMenus" Skin="Silk" OnNeedDataSource="grdAvailableMenus_NeedDataSource" AllowPaging="true"
                             OnRowDrop="grdAvailableMenus_RowDrop" AutoGenerateColumns="false" AllowMultiRowSelection="true" PageSize="15">
                            <MasterTableView AllowMultiColumnSorting="True" DataKeyNames="Menu_Id">
                                    <Columns>
                                        <telerik:GridDragDropColumn HeaderStyle-Width="18px">
                                        </telerik:GridDragDropColumn>
                                        <telerik:GridTemplateColumn SortExpression="" Visible="false" HeaderText="Action" ItemStyle-HorizontalAlign="Left"
                                            ItemStyle-Width="70px" HeaderStyle-Width="70px">
                                            <ItemTemplate>
                                                <asp:ImageButton ID="btnUpdate" runat="server" Visible="false" CommandName="UpdateMenuStage" ImageUrl="images/pencil.gif"
                                                    CommandArgument='<%# Eval("Menu_Id") %>'
                                                    CausesValidation="false" ToolTip="Update Menu Stage" OnClientClick="SetMenuStageMode();" />  
                                        <asp:ImageButton ID="btnDelete" runat="server" Visible="false" CommandName="DeleteMenuStage" ImageUrl="Images/delete.gif"
                                            CommandArgument='<%# Eval("Menu_Id") %>'
                                            CausesValidation='false' ToolTip="Delete Menu Stage" />
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridTemplateColumn Visible="True" SortExpression="MenuName" HeaderText="Menu Name">
                                            <ItemTemplate>
                                               <asp:Label ID="lblMenu_Stage_Id" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Menu_Name") %>' />
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                       
                                             
                                         
                                    </Columns>
                                </MasterTableView>
                             
                                <ClientSettings AllowRowsDragDrop="true" AllowColumnsReorder="true" ReorderColumnsOnClient="false">                                   
                                    <ClientEvents OnRowDropping="onRowDropping" />                                 
                                    <Scrolling AllowScroll="True" UseStaticHeaders="false" SaveScrollPosition="True"></Scrolling>
                                    <Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />
                                </ClientSettings>
                            </telerik:RadGrid>
                        <div class="demo-container" style="width: 750px;">
        <div class="exWrap">
            <div class="msgTop" id="msgTop">
                <asp:CheckBox ID="UseDragColumnCheckBox" Checked="true" Visible="false" runat="server" OnCheckedChanged="UseDragColumnCheckBox_CheckedChanged"
                    AutoPostBack="true" Text="Use DragDropColumn"></asp:CheckBox>
            </div>
                       <telerik:RadGrid RenderMode="Lightweight" runat="server" AllowPaging="True"  Skin="Silk"  ID="grdMainMenus" OnNeedDataSource="grdMainMenus_NeedDataSource"
                    Width="350px" AutoGenerateColumns="false"  AllowMultiRowSelection="true" OnRowDrop="grdMainMenus_RowDrop">
                    <MasterTableView DataKeyNames="Menu_Id" Width="100%">
                        <Columns>
                            <telerik:GridDragDropColumn HeaderStyle-Width="18px" Visible="true">                              
                            </telerik:GridDragDropColumn>
                            <telerik:GridTemplateColumn Visible="True" SortExpression="MenuName" HeaderText="">
                            </telerik:GridTemplateColumn>          
                            <telerik:GridTemplateColumn Visible="True" SortExpression="MenuName" HeaderText="Menu Name">
                                            <ItemTemplate>
                                           <asp:Label ID="lblMenu_Stage_Id" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Menu_Name") %>' />
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>                  
                              
                        </Columns>
                        <NoRecordsTemplate>
                            <div style="height: 30px; cursor: pointer;">
                                No items to view
                            </div>
                        </NoRecordsTemplate>
                        <PagerStyle Mode="NumericPages" PageButtonCount="4"></PagerStyle>
                    </MasterTableView>
                    <ClientSettings AllowRowsDragDrop="True">
                        <Selecting AllowRowSelect="True" EnableDragToSelectRows="false"></Selecting>
                       <ClientEvents OnRowDropping="onRowDropping" OnGridCreated="onGridCreated"></ClientEvents>
                    </ClientSettings>
                </telerik:RadGrid>
               </div>
</div>
</div>               
 
 
                         
                        </div>
                    </div>
                </div>
          
     
</asp:Content>
 
<ASP:Content ID = "Content4" ContentPlaceHolderID="ContentFooter" runat="Server">
    <input id = "hiddenVisible" type="hidden" name="hiddenVisible" Class="hiddenVisible" runat="server" value="up" />
 
    <Telerik:RadCodeBlock ID = "RadCodeBlock1" runat="server">
        <Script type = "text/javascript" language="javascript">
 
            'use strict';
 
            $(document).ready(function () {
            });
        </script>
    </telerik:RadCodeBlock>
    <ASP:GridView ID = "ControlGrid" runat="server" BackColor="White" CellPadding="2" CellSpacing="1"
        GridLines="None" AutoGenerateColumns="False" Visible="False">   
    </asp:GridView>
</asp:Content>
Konstantin Dikov
Telerik team
 answered on 26 Oct 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?