AJAX :: Drag And Drop Items Between 2 Listviews?
Feb 6, 2010I am wondering... is it possible to drag and drop items between 2 listviews.
I was thinking of an alternative Instead of using conventional duallistboxes.
I am wondering... is it possible to drag and drop items between 2 listviews.
I was thinking of an alternative Instead of using conventional duallistboxes.
I want to develop a web form where I have a list of elements, so I want to drag a single document into an image (ex. trashcan icon, favorites icon, news icon, etc).
I read some samples of panel dragging, but this is not what I am looking for.
I have a listview showing images like ImageViewer and I want to implement Drag-Drop behavior within ListView. how can i achieve the Srag-Drop inside the below kind of customized ListView.
<asp:ListView ID="lvPhotoViewer" runat="server" GroupItemCount="3" InsertItemPosition="LastItem">
<LayoutTemplate>
<table id="groupPlaceholderContainer" runat="server" border="1">
<tr id="groupPlaceholder" runat="server">
</tr>
</table>
</LayoutTemplate>
<ItemTemplate>
<td id="Td4" align="center" style="background-color: #eeeeee;">
<asp:Image runat="server" ID="imPhoto" Height="100px" Width="100px" ImageUrl='<%# "~"+Eval("PhotoUrl") %>' />
<br />
<asp:Label ID="DefaultPhotIDLabel" runat="server" Text='<%# Eval("PhotoName") %>' />
</td>
</ItemTemplate>
<GroupTemplate>
<tr id="itemPlaceholderContainer" runat="server">
<td id="itemPlaceholder" runat="server">
</td>
</tr>
</GroupTemplate>
<InsertItemTemplate>
<td id="Td3" width="150px" height="150px" runat="server" align="center" style="background-color: #e8e8e8;
color: #333333;">
<asp:FileUpload ID="fileUpload" runat="server" />
</td>
</InsertItemTemplate>
</asp:ListView>
Code Behind:
public class ImageEntity
{
public string PhotoName { get; set; }
public int PhotoIndex { get; set; }
public string PhotoURL { get; set; }
}
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
IList<ImageEntity> imagesList = new List<ImageEntity>()
{
new ImageEntity(){ PhotoName="House1", PhotoIndex=1, PhotoURL= @"ImagesHouse-01.JPG" },
new ImageEntity(){ PhotoName="House2", PhotoIndex=2, PhotoURL= @"ImagesHouse-05.JPG" },
new ImageEntity(){ PhotoName="House3", PhotoIndex=3, PhotoURL= @"Imageshouse.jpg" },
new ImageEntity(){ PhotoName="House4", PhotoIndex=4, PhotoURL= @"Imageshouse2.jpg" }
};
lvPhotoViewer.DataSource = imagesList;
lvPhotoViewer.DataBind();
}
}
I want to know how to handle drap and drop event between two listboxes. I have two listboxes. If I drag one item from one listbox, it will drop on other listbox. And also let me know how to rearrange the items in listbox.
View 3 RepliesI want to drag and drop rows from one grid view to other,,for this i follow this link [URL] ...
I want to use it with master page..., this work fine without including master page but when I include mater page with in content page, it did not work, I want to use it with master page. How to get rid of this problem ....
Is there a way to drag and drop the item in a listbox to reorder the sequence?
View 8 RepliesI have installed and reinstalled AjaxControlToolkit.Binary.NET35, added as reference too and still cannot add the controls to the form. Why is creating web forms so frustratring? I have no problems when I use the Extended Object controls.
View 1 RepliesIm using VS 2005 Pro , and install AjaxControlToolkit for VS2005 in seperate installation.it went fine, the toolbox shows ajax control (the update panel, scriptmanager, etc) . but when i drag and drop, it only shows these code
<asp:UpdatePanel runat="server">
</asp:UpdatePanel>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>
I need to create a table where every item in the cell can be drag and drop among themselves and and also drag and drop to other cell. I am thinking to create a ReorderList for every table cell but it come to a problem where I need to drag item from 1 ReOrderList to another ReOrderList when I need to drag the item in the cell to another cell. I have find through the internet but find no solution.
View 4 RepliesI need to implement a functionality where I need to drag a tree node value to a textarea for calculation. Which is best, simplest to use for this functionality-- ajax or plain javascript or anything else?
I'm developing a web app (.NET 3.5 + C#) and i would like it to have a drag 'n drop file upload feature. But i have absolutely no idea on how to do such thing :-/
Can anyone tell me were to start? Some tutorial, some AJAX control, etc...
is it possible to have a drag and drop reorder on a gridview? The purpose is to reorder the items.
View 3 RepliesI am trying to create a UI that shows a list of pending work on the left side, and a similar list of planned work on the right side. I would like the user to be able to both reorder items within each list - this works fine with reorderlist; But to be able to move an item from one list to the other - this I can't make work with reorderlist. Is this possible and can anyone give some pointers on how to achieve it ?
View 1 RepliesI am using Visual Studio 2008 SP1. I face a problem while using Ajax control toolkit. In the Toolkit the Drag Extender is present that can be added to the different component. But is it possible to have specific divisions or panels that can receive my dragged Panel. As in , many sites have the functionality of rearranging the elements in the page itself and all the panels to be rearranged have specific divisions where you can drop the panel. Can we enable Selective Drop in ASP.NET ajax using Ajax Control Toolkit??
View 2 RepliesI am trying to create a UI that shows a list of pending work on the left side, and a similar list of planned work on the right side. I would like the user to be able to both reorder items within each list - this works fine with reorderlist, and to be able to move an item from one list to the other - this I can't make work with reorderlist.
View 1 Repliesi am new to ajax. i have downloaded AjaxControlToolkit 3.5 and right click on the toolkit and browse to the AjaxControlToolkit.dll
now i have all the ajax control in but i am not able to drag and drop AutoCompleteextender and some other controls to the design view
but at the same some controls can be draged and droped in to the design view
I have an UpdatePanel that contains several "items" that are in individual divs that are registered as dragdrop objects. I pass the item ID into the object. Everything appears to be working fine until I delete an item/div. The items appear in the correct divs but the ID's are mismatched as if the delete never happened. I know the dispose method is being called for each object. But I don't know how the deleted item ID is still being passed in a drag/drop object that should be re-initialized on every pageLoad. It's difficult to explain but here is some of the relevant code:
Example of generated initializations on postback:
[Code]....
the project was not initially created using Ajax however, i now added the assemble"system.web.extensions" and copy the ddl to the bin folder. if i should manually add the code for the extenders they will work however, i am unable to drag and drop the extenders to a textbox or to a button or a pane
View 2 RepliesHow can i create a Treeview with Drag drop functionality.
I want to show the values in my tree from DB.
I need to do a web page that will display images in one area, and allow them to be dragged to groups to categorize them, I guess I could add the needed number of panels for the groups but don't know about the dragging and dropping.
View 2 RepliesI recently came across this post:Â
[URL]
I've been using this setup for a while and it works great, however I'd like to integrate a drag and drop system into this so the user can just drag files into the browser window and have them upload that way.
I am using AjaxContrToolKit (AjaxControlToolkit.Compat.DragDrop.DragDropScripts.js) in my application to provide the drag and drop facility . After implementing the same in the application , observed that working fine in IE and Firefox browser . But the same is not working in Safari and WebKit (Chrome and Safari) browser . In these browsers(both Safari and Webkit), while clicking on the top of the panel getting scrolled up .
View 1 RepliesI want to create drag and drop controls at runtime on web page how can i do it?
View 6 RepliesI have referenced AjaxControltoolkit and after that I have added it to my toolbox of .NET framework. But when I am trying to drag and drop "SlideShowExtender" to my web page, its not dragging there.
View 1 RepliesI have just added ajax tool kit to my VS 2008.When I drag and drop any ajax control on to aspx page it is not visible on aspx page.why?
View 4 Replies