.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

drag drop reorder on gridview

Posted By:      Posted Date: September 20, 2010    Points: 0   Category :ASP.Net

Hi is it possible to have a drag and drop reorder on a gridview?  The purpose is to reorder the items.



View Complete Post

More Related Resource Links

jquery Tablednd for drag and drop in gridview.


Hi I want to sort a gridview on my asp.net page using drag and drop functionality. I want that on dropping a row the new sort order is stored in the database. Following is the code..the client ID always returns null

<asp:GridView ID="dg_Link" runat="server" AllowPaging="True" AutoGenerateColumns="False"
 CellPadding="4" DataKeyNames="LinkID" OnDataBound="dg_Link_DataBound" OnPageIndexChanging="dg_Link_PageIndexChanging"
  OnRowCommand="dg_Link_RowCommand" Width="100%" ForeColor="#333333" GridLines="None"
  OnRowCreated="dg_Link_RowCreated" EnableModelValidation="True" OnSelectedIndexChanged="dg_Link_SelectedIndexChanged"
<asp:TemplateField HeaderStyle-Width="5%" HeaderText="" ItemStyle-CssClass="PhotoGridItemText"ItemStyle-Width="5%">
          <asp:CheckBox runat="server" ID="chkHeader" />
    <asp:CheckBox ID="chkSelect" runat="server" EnableViewState="true" />

Drag GridView Row and Drop in DetailsView using jQuery

"Drag & Drop" is a feature that adds more interaction to the UI. When there are too many columns in the GridView, it is essential to provide a DetailsView for the end user to interpret individual rows effectively. This is done often on clicking GridView select button. To give a different and interactive user experience, we can enable end users with options to drag any row from GridView and drop it on DetailsView for detailed display. In this post, I am going to explain with a simple example on how to drag a GridView row and drop it in a DetailsView using jQuery UI's 'Draggable' and 'Droppable' mouse interactions.

Binding the multiple drop down boxes in GridView using JQuery in ASP.NET

Here is the code for binding the multiple drop down boxes in GridView using JQuery in ASP.NET

Wicked Code: Drag and Drop with ASP.NET AJAX


Jeff Prosise shows how you can implement drag-and-drop functionality in your Web app with ASP.NET AJAX.

Jeff Prosise

MSDN Magazine January 2008

ASP.NET: Web Forms Let You Drag And Drop Your Way To Powerful Web Apps


Web Forms have the potential to change Web programming by introducing a new programming model built around server-side controls-a model in which controls render their own UIs by generating HTML to return to clients and firing events that are handled by server-side scripts. Since all the action takes place on the Web server, virtually any browser can run a Web Forms app. And thanks to Visual Studio .NET, building a Web Forms app is a lot like using Visual Basic: just drop a control onto a form then write an event handler. This article describes the Web Forms programming model, how it fits with ASP.NET, and introduces DataGrid, TextBox, and other classes in the .NET Framework class library.

Jeff Prosise

MSDN Magazine May 2001

Scott Howlett and Jeff Dunmall: Drag and Drop Data Manipulation Powered by XML


Building on the browser-based org chart featuring VML (Vector Markup Language) described previously in Microsoft Internet Developer, this article takes you through the process of refining that sample app by using XML, XSL, and JScript code to create a new, improved version. Drag and drop editing is added to the org chart interface thanks to built-in support found in Internet Explorer 5.0. XML and JScript allow data manipulated on the screen to be saved back to the server in its native format. The final product of this combination of XML, XSL, and VML is a high performance, scalable Internet app that uses processing on the client to reduce stress for the server.

Scott Howlett and Jeff Dunmall

MSDN Magazine March 2000

Asp.Net Treeview Drag n Drop


Hello all

How to make asp.net treeview drag and drop enabled on web. I am unable to find any javascript and there is not any event to make treeview drag and drop enabled.

Kindly suggest me how to use drag and drop facility in treeview.

I don't want to use any third party utility.

waiting for reply..........


Thanks in advance

Listview - Drag and Drop?


Hey everyone, I have a treeview and a listview on my ASP.NET application. However, with treeview I can drag and drop it to where ever I want it on my page. I tried this with listview, but it wouldn't let me. Listview automatically positions itself along the left side of my application. What I'm wanting to do is put my treeview along the right side and then put my treeview along the left side of the application. Any ideas on why I can't do this or suggestions on how I might be able to do this?

By the way, I'm running Visual Studio 2010 and using .NET FRAMEWORK 4.

Drag and Drop data binding and Enums

I'm using Visual Studio 2010 to design a simple WPF application. I created a simple class, with some Enum property, and added the class as a new data source, then dragged and dropped it from the Data sources window as a DataGrid. The result is a data grid that works properly, except for enum handling. Obviously, I want enums to be displayed as combo boxes, so I set the option. The problem is: I get a combo box column, but it is NOT populated with the Enum's values, instead only the current value is displayed and the user can't change it. This behavior seems completely useless to me. Am I doing something wrong here, or is there another explanation for this? Why isn't the designer handling enums in a sensible way? Another problem is, if I choose to drag the class as "Details". Again everything works except enums. I get a standalone combobox, but it displays the values of the property from the entire list, and choosing a different item in the combobox changes the active bound property. Once again, useless behavior - I expect the designer to create a combobox populated with values from the Enum, and for it to act like every other control in a master-details relationship - choosing a different value changes the state of the current item. Please advise.

GiveFeedback @ Drag and drop

Hi guys, i setup a little test app. There is only a stackpanel with some buttons and a black rectangle... Its possible to drag and drop the rectangle into the stackpanel! Now i would like to provide feedback to the user! The ui element in this case the black rec should be placed near the cursor... Exmaple: http://livedocs.adobe.com/flex/3/html/help.html?content=dragdrop_7.html I don't have a idea todo that... please help me with some nice code! thanks :) private Point startPoint; public MainWindow() { this.InitializeComponent(); rect.PreviewMouseLeftButtonDown += (s, e) => { startPoint = e.GetPosition(null); }; rect.MouseMove += (s, e) => { Point mousePos = e.GetPosition(null); Vector diff = startPoint - mousePos; if (e.LeftButton == MouseButtonState.Pressed && Math.Abs(diff.X) > SystemParameters.MinimumHorizontalDragDistance && Math.Abs(diff.Y) > SystemParameters.MinimumVerticalDragDistance) { Rectangle r = s as Rectangle; DataObject dragData = new DataObject("rect", r); DragDrop.DoDragDrop(r, dragData, DragDropEffects.Move); } }; stack.AllowDrop = true; stack.DragEnter += (s, e) => { if (!e.Data.GetDataPresent("rect") || s == e

Drag Drop adorner visual performance

Hi, I've been modifying my application based on a MSDN blog post on WPF drag and drop.   While I found the blog post very helpful, what I've noticed when trying to use a visual for a drag indicator (rather than either a default or custom cursor), is that the visual doesn't 'keep up' with the cursor movement.  That is, if I move the mouse quickly during a drag/drop operation, there is a space between the visual adorner being moved around and the cursor.  When I stop movement (but still have the mouse button down so the drag/drop operation is still active), the visual 'catches up' with the standard cursor.  And if I were to move the mouse slower, then the standard cursor and the drag drop visual positions are kept in sync. This lag between the movement of the 'real' cursor and the visual is even more obvious in my application than in blog post sample application, although it is present in the sample application as well.  My question is, is there anyway to improve the performance of a custom drag drop operation using a visual such that I can quickly move around the mouse and not see a gap between the cursor and the visual? Thanks, Notre

Drag and Drop

Hi,   I have been trying to implement drag and drop in my ListView for a while now. There's a number of examples floating around but none of them have really been working for me. I have manage to combine MouseLeftDown and MouseMove to make it possible to drag one item. However, when multiple items are selected it only drags one item (since it changes selection when the MouseLeftDown is triggered).   I haven't stumbled upon a good solution to this yet. I need to be able to drag one or more items and drop them either in the listview itself or some other control. I want a visual indication of the items being dragged as well as some sort of line to tell where the items will be inserted into the listview.   Does anyone have any suggestions on how to go forward? What magic with the mouse events should I preform?   Thanks!

Drag and Drop Events binded to MVVM commands

Hi , I am developing the drag n drop functionality.. I want in my drop event my command from MVVM model should fire.. Can you help me in how to Map Drag drop events  into MVVM by Commands...

WPF - Drag and Drop Scrolling Issue.

Hi All,   I Implemented drag and drop for listbox in wpf. The scrolling also working, but It's not working as expected. for example, I have 15 items in my listbox and I dragged 1st item to 8th position, the scroller goes to the extreme location(15 position) and if I scroll up its goes to the first location of the item(scrolling is happening very fastly). Please any one can guide me to resolve this. Please let me know if more infor required.   Thanks, Karthikeyan Manickam.

Changing Mouse Cursor into Crossed Circle in ListBox-ScrollBar/ScrollViewer(on Drag and Drop).

Hi All,   I have a ListBox with 10 items, the automatic Scrollbar/ScrollViewer is appearing. If i'm dragging an item from the listbox and moving the mouse cursor on top scrollbar/scrollviewer the cusor have to change into CROSSED CIRCLE(means its not a location to drop). Can any one help to do the same, or please let me know if more info needed.   Thanks, Karthikeyan Manickam.

Drag drop functinality not working on Explore View control for file containing special characters in

We have created a control which uses explorer view control for file drag and drop. This functinality works fine for a file having filename without special characters but it gives an error if we drag and drop a file having special characters in the file name. The reason for this is Sharepoint uses WebDAV protocol for file transfer to the Sharepoint document library and WebDAV protocol has limitation that it does'nt accept file with special characters. Please let me know the way how I can accomplish drag and drop of file with special characters in file name, onto Explorer View control with WebDAV.
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend