VS 2010 - Drag And Drop Items In A List To Reorder Sequence
Jul 7, 2011Is there a way to drag and drop the item in a listbox to reorder the sequence?
View 8 Replies
Similar Messages:
AJAX :: Reorder List To To Allow User To Drag N Drop Via Column Cell?
Mar 8, 2010is it possible for reorder list to to allow user to drag n drop via column cell.
For example,
Column1 | Column2
------------------------------
Value1 |Value5
Value2 |Value6
Value3 |Value7
Value4 |Value8
Value 1 was drag n drop to the position of Value5. And Value5 ,Value6,Value7,Value8 position are reorder like Reorderlist in row.
AJAX :: Reorderlist Doesn't Reorder / Can't Drag Items To Reorder?
Jul 6, 2010I have tried several examples of reorder list with several types of data sources and can't get the list to reorder. I have copied Joe Stagner's code from his Video on Reorder Control with the same result. Here is the Video
http://www.asp.net/ajax/videos/how-do-i-the-ajax-toolkit-reorder-control. Page loads, but I can't drag items to reorder. I have tried this with explorer 8 and firefox 3.6, with and without security. Here is the markup, no code behind.
[Code]....
Some of the events don't seem to fire. DataBinding, DataBound, Load, and InsertCommand work ItemReorder does not, (not good for a reorder control). This control should work, but doesn't. I am able to insert data so it seems that the reorder or dragItem templates maybe causing problems. I have commented out but that doesn't help. Here is my only clue, I had to use the script manager from the .net4 Ajax Control Kit for my events to not complain about definitions. I was only using these events with debugger just to see if they are being called, no code in methods. But I am using the toolkit.dll that came with Joe's example. I tried it with .net4 only first, but that didn't work either that's when I installed the dll from Joe's example.
AJAX :: Drag And Drop List Items Into Panels Or Images?
May 5, 2010I 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.
AJAX :: Is It Possible To Have A Drag And Drop Reorder On A Gridview
Sep 20, 2010is it possible to have a drag and drop reorder on a gridview? The purpose is to reorder the items.
View 3 RepliesAJAX :: Can't Drag Reorder List
Sep 30, 2010I have the same problem as Simon in this post. He found out some sort of a solution, but it does not work for me. Please, could someone explain me what is going on in this answer or advice me something else. PS: there is an example on the asp.net site which doesn't work exactly the same way as my reorder list... (click view a demo) The solution that is suggested here adds these few lines to web.config:
[Code]....
Perhaps I just need to change something to make it work... but I don't know what. For example I have no idea what the ScriptResource.axd is supposed to be. My code: .aspx file
[Code]....
and the code behind
[Code]....
I load the data to the List collection from the page_load event but that works fine. The data binding works as well. The problem is in that the items cannot be reordered -- during the reordering, the sort value doesn't change and the list doesn't update.
Web Forms :: Drag Reorder List Record To Another Control
Apr 2, 2010I am using a Reorder list. I had a requirement that i have to drag a record from the reorder list to another control(may be list control or grid view). Is it possible like that?
View 1 RepliesAJAX :: Reorder List Control Drag Handle?
Oct 29, 2010I'm using a reorderlist (Ajax Control Toolkit Release 4.1.40412.2) inside a scrolling div (class="reorderListDemo" style="overflow:scroll; height:225px; width:1300px; table-layout:fixed; text-align:left;"). When the height of the reorderlist is greater than the height of the div, the div will automatically have a vertical scrollbar. The problem is that when i scroll down to drag an item from the bottom of the reorderlist, the reorderlist does not work properly. The drag image and the drop target does not correspond to the item i want to move.I've attached a copy of my css file:
[Code]....
Here is the html markup of reorder list control:
Drag Drop Items Within ListView
Mar 11, 2011I 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();
}
}
Web Forms :: Drag And Drop In Listbox Items?
Mar 30, 2010I 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 RepliesAJAX :: 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.
Web Forms :: Drag Drop Items From One GridView To Other
Nov 3, 2012I 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 ....
Drag And Drop Icons From List To Preview Section?
Jan 18, 2011In my application(asp.net and c#) I need to drag and drop icons from a list to preview section.And also need to insert the new position into the db. And delete it from db if drag and drop it from preview section into the icons list. a method to do this using jquery/ajax.
View 4 RepliesAJAX :: Drag-and-drop, Toolkit Controls Onto A Visual Studio 2010 Design Form?
Mar 13, 2011I installed the AJAX Toolkit (for .NET4) onto a new Toolbox tab in Visual Studio 2010. However, when I try to drag any of these controls onto my Web form in design mode, they won't stick. My mouse pointer changes to 'disabled' (a circle with a diagonal line thru the middle) as soon as it hovers anywhere over my target form. Is there some additional action I need to take to make VS "recognize" these AJAX Toolkit controls?
View 8 RepliesSave The Order Of List To The Sql Server Database In Jquery Drag & Drop
Nov 5, 2010I wanna save the order of my list to the sql server database in jquery drag & drop using asp.net c#. How can I do this?
View 1 RepliesWeb Forms :: Adding List Items To Drop Down Control From Generic List?
Feb 6, 2010I have the following Students class:
[Code]....
I need the 1 since it's a foreign key in another table. For the life of me, I can't get this to work like this.
Drop Down List Has A SelectedValue Which Is Invalid Because It Does Not Exist In The List Of Items
Mar 25, 2011I am getting this error yet I know it to be untrue.This is the code:
ddlPartnerOrganisation.DataSource = agency.AgencyGetListOfEYDN();
string temp = ddlPartnerOrganisation.SelectedValue.ToString();
ddlPartnerOrganisation.DataValueField = "AgencyID"
;
ddlPartnerOrganisation.DataTextField = "AgencyName"
;
ddlPartnerOrganisation.DataBind();
VS 2010 Selecting Item From Drop Down List
Dec 7, 2010I am trying to set the item that is selected from a drop down list based on what it in the database for that particular record. I am filling the dropdown list with a SQL DataSource I have tried a couple of example that I have found for selecting the item in the list but I am always getting the first item in the list as the selected item. This is what I am currently working with:
Code:
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If IsPostBack Then
Else
Dim ID = New Guid(Request.QueryString("ID"))
[code].....
C# - Reorder Items In DataView Object?
Jan 24, 2010I have a DataView object with productID and productName,i get all items from Products Table and store them in Cache.I want to get items that user bought in order he bought them without using another query or joining tables. ie.
Products DataView
1. Foo
2. Foo2
3. Foo3
Filtering to ProductsBoughtByUser using RowFilter (productID in (1,3))
UserProducts DataView
1.Foo
3.Foo3
Now user first bought Foo3, how do i reorder items based on correct ( chronological ) Array. ie 3 1
Web Forms :: Drop Down List Dependant On Selection In Another Drop Down List?
Mar 30, 2010I have a drop down list that has the initials of about 12 of our sales guys.How can I make it so that when they select their initials from the list, the next drop down list only shows their customers.In my database there is a column for customer name and salesman.
View 6 RepliesC# - Trying To Reorder A List That Is Already Populated?
Feb 1, 2010There are a few posts on the site about how to order by using lambda expressions however I cannot seem to get mine to work. I am trying to reorder a list that is already populated. Am i wrong in thinking that i can rearrange the order of this list using lambada expressions?
QuarterMileTimes.OrderByDescending(c => c.PquartermileTime);
I was wondering if it's down to PquartermileTime being a string? I also tried this expression on a date
QuarterMileTimes.orderBy(c => c.RaceDay);
C# - Using JQuery To Reorder List
Dec 30, 2010I'm attempting to use the List Reorder from here: [URL] I've got all the scripts in place, and my events are firing properly on dragging/dropping, but I'm unable to see anything in my object. The goal is to reorder the list, and save the new order back to the DB. I am assuming something is wrong with my syntax in the lists.bind, as it shows the actual items in the list, but the values are empty.
$(document).ready(function () {
var options = {
itemHoverClass: 'itemHover',
dragTargetClass: 'dragTarget',
dropTargetClass: 'dropTarget',
useDefaultDragHandle: true
};
var lists = $('.lists').ListReorder(options);
var items = [];
lists.bind('listorderchanged', function (evt, jqList, listOrder) {
for (var i = 0; i < listOrder.length; i++) {
items[i] = $("ul li:eq(" + i + ")").attr('id');
}
});
$('#btnSave').click(function () {
if (items.length > 0) {
var jsonText = JSON.stringify({ items: items });
$.ajax({
type: "POST",
url: 'ManageSliders.aspx/SaveReOrder',
data: jsonText,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function () { $("#result").html("New order saved successfully"); },
failure: function (msg) { alert(msg); }
});
}
else {
alert("You have made no changes");
}
});
});
I'm binding a listview using C# and that is showing up fine as well.
<ul class="lists">
<asp:ListView ID="lvSliders" runat="server">
<LayoutTemplate>
<asp:Panel ID="itemPlaceHolder" runat="server" />
</LayoutTemplate>
<ItemTemplate>
<li id='<%# DataBinder.Eval(Container.DataItem, "Id")%>'>
<%# DataBinder.Eval(Container.DataItem, "Title")%></li>
</ItemTemplate>
<ItemSeparatorTemplate>
</ItemSeparatorTemplate>
</asp:ListView>
</ul>
I ran it through Fiddler, and it is throwing me this error:
{"Message":"Cannot convert object of type u0027System.Stringu0027 to type u0027System.Collections.Generic.List1[System.String]u0027","StackTrace":" at System.Web.Script.Serialization.ObjectConverter.ConvertObjectToTypeInternal(Object o, Type type, JavaScriptSerializer serializer, Boolean throwOnError, Object& convertedObject)
at System.Web.Script.Serialization.ObjectConverter.ConvertObjectToTypeMain(Object o, Type type, JavaScriptSerializer serializer, Boolean throwOnError, Object& convertedObject)
at System.Web.Script.Services.WebServiceMethodData.StrongTypeParameters(IDictionary2 rawParams)
at System.Web.Script.Services.WebServiceMethodData.CallMethodFromRawParams(Object target, IDictionary2 parameters)
at System.Web.Script.Services.RestHandler.InvokeMethod(HttpContext context, WebServiceMethodData methodData, IDictionary2 rawParams)
at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)","ExceptionType":"System.InvalidOperationException"}
C# - Ajax Reorder List Can't Be Not Dragged
Sep 29, 2010I have the same problem as Simon in this post. He found out some sort of a solution, but it does not work for me. Please, could someone explain me what is going on in this answer or advice me something else. PS: there is an example on the asp.net site whh doesn't work exactly the same way as my reorder list... (click view a demo) The solution that is suggested here adds these few lines to web.config:
<httpHandlers>
<add path="ScriptResource.axd" verb="GET,HEAD" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
</httpHandlers>
Perhaps I just need to change something to make it work... but I don't know what. For example I have no idea what the ScriptResource.axd is supposed to be. My code: .aspx file
<%@ Page Title="" Language="C#" MasterPageFile="~/editor/editor_template.Master" AutoEventWireup="true" CodeBehind="menuEditor.aspx.cs" Inherits="WebPageEditor.editor.menuEditor" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server"
DeleteMethod="DeleteMenu" InsertMethod="InsertMenu" SelectMethod="SelectMenu"
TypeName="WebPageEditor.editor.MenuSourceManager" UpdateMethod="UpdateMenu"
>
<DeleteParameters>
<asp:Parameter Name="ID" Type="Int32" />
</DeleteParameters>
<InsertParameters>
<asp:Parameter Name="name" Type="String" />
<asp:Parameter Name="url" Type="String" />
<asp:Parameter Name="order" Type="Int32" />
</InsertParameters>
<UpdateParameters>
<asp:Parameter Name="ID" Type="Int32" />
<asp:Parameter Name="name" Type="String" />
<asp:Parameter Name="url" Type="String" />
<asp:Parameter Name="order" Type="Int32" />
</UpdateParameters>
</asp:ObjectDataSource>
<asp:ReorderList ID="ReorderList1" runat="server" AllowReorder="True"
DataSourceID="ObjectDataSource1" PostBackOnReorder="False"
ShowInsertItem="True" SortOrderField="order" DataKeyField="ID"
ItemInsertLocation="Beginning">
<ItemTemplate>
<div class="menuEditor">
� <%# Eval("name") %>
<asp:LinkButton ID="LinkButton1" runat="server" CommandName="Edit">LinkButton</asp:LinkButton>
</div>
</ItemTemplate>
<DragHandleTemplate>
<img src="ico/moveHandle_ico.gif"
alt='<asp:Literal ID="Literal1" runat="server" Text="<%$ Resources: editorLocalization, ME_moveHandleTT %>" />'
style="cursor:move; width:35px;" />
</DragHandleTemplate>
<ReorderTemplate>
<asp:Panel runat="server" />
</ReorderTemplate>
<InsertItemTemplate>
<asp:Panel ID="panel1" runat="server" DefaultButton="Button1">
<asp:TextBox ID="TextBox1" runat="server" Text=' <%# Bind("name") %>' ValidationGroup="add" />
<asp:Button ID="Button1" runat="server" CommandName="Insert" Text="Add" ValidationGroup="add" />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ValidationGroup="add"
ErrorMessage="Please enter some text" ControlToValidate="TextBox1" />
</asp:Panel>
</InsertItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("name") %>' ValidationGroup="edit" />
<asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("url") %>' ValidationGroup="edit" />
<asp:TextBox ID="TextBox4" runat="server" Text='<%# Bind("order") %>' ValidationGroup="edit" />
<asp:LinkButton ID="LinkButton1" runat="server" CommandName="Update">LinkButton</asp:LinkButton>
</EditItemTemplate>
</asp:ReorderList>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>
and the code behind
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
namespace WebPageEditor.editor
{
public class MenuSourceManager
{
public static List<MenuItem> menuItems;
#region DataBindMethods
//[System.ComponentModel.DataObjectMethod(System.ComponentModel.DataObjectMethodType.Select)]
public List<MenuItem> SelectMenu()
{
return menuItems;
}
public void UpdateMenu(int ID, string name, string url, int order)
{
menuItems[ID].Name = name;
menuItems[ID].Url = url;
menuItems[ID].Order = order;
}
public void InsertMenu(string name, string url, int order)
{
menuItems.Add(new MenuItem(name, url, order, menuItems.Count));
}
public void DeleteMenu(int ID)
{
menuItems.RemoveAt(ID);
}
#endregion
}
public class MenuItem
{
public MenuItem(string name, string url, int order, int ID)
{
Name = name; Url = url; Order = order; this.ID = ID;
}
public string Name { get; set; }
public string Url { get; set; }
public int Order { get; set; }
public int ID { get; set; }
}
}
I load the data to the List collection from the page_load event but that works fine. The data binding works as well. The problem is in that the items cannot be reordered -- during the reordering, the sort value doesn't change and the list doesn't update.
AJAX :: Reorder List To Do Control Placement
Aug 31, 2010Reorder list to do control placement
[Code]....
AJAX :: Reorder List Values Not Preserving
Aug 4, 2010I' m using Reorder list sample for the first time. When it is bound with datasource, and reordered it is working fine. but unfortunately on postback to the server, i',m not getting the reordered items.
View 5 Replies