is 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.
Is there a way to drag and drop the item in a listbox to reorder the sequence?
View 8 Repliesis it possible to have a drag and drop reorder on a gridview? The purpose is to reorder the items.
View 3 RepliesI 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.
I'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:
I 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.
I 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 RepliesI 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 need to do a drag n drop for table cell. I need every feature of Ajax ReorderList such as when item 2 is drag to position no 3, item no 3 will be automatically goto position 2. However i need every item in Ajax ReorderList .
I have try many ways in trying it such as using customized tool: Telerik (RAdGrid,Scheduler), DevExpress , ComponentGo! and also PilotScheduler but all does not fullfill the business requirement. May be the requirement for solution is too rigid. Below is my table design
Date1 | Date 2
Shift1 | Shift2 | Shift3 |Shift1 | Shift2 | Shift3
Mch 1 Product1 Product3
Product2
Mch 2 Product4
Mch 3 Product5
User must be able to rearrange the item for example, user can drad Product 5 to Mch1 on date 1.
Does anyone has idea on this by binding ajax ReorderList to Table ??
i am making a website and i get a requirement that in GridView or ListView whatever control you used but the column is dragable means the order of the column can be change by drag and drop.Along with that i want to give option to the client that add more column if he check mark some column then that column should be added client side.So i am looking for some dll in ASP.NEt or Jquery for <table> Operation or javascript anything help me out
View 1 RepliesI'm used to Dreamweaver where this is possible. I find it hard to believe that I would need to use a 1 column gridView control.
Is there a way to drag one field from the db Explorer window onto my page and NOT get a grid view?
Or alternatively, I used to be able to put something like this in ASP classic (years ago!) <%= Eval("User") %>
I am trying to re-order the jqgrid rows using only one specific column. Currently, the rows can be re-ordered by any column. I have it setup like below:
jQuery("#list").jqGrid('sortableRows', {
update: function (ev, ui) {
SaveRowSorting();
}
});
But the above code allows the rows to be re-ordered by all columns, however we want to restrict it to only one column. E.g, if we have 3 columns in a row. Then, we want the row to be re-ordered by only column1 and it shouldn't allow row sorting using the other two columns.
In 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 RepliesI am in the process doing drag n drop for gridview by column cell. For example: there is 5 cell in a column, user are able to drag the first cell and drop it as 3rd cell.I have find through the internet but has find no resource on it.
View 1 RepliesI 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 RepliesFor my website I would like to create some functionality, that will give me possibility to Drag and drop Web User Controls on my site. I have many Web User Controls.. Like Calendar, News, Videos, Gallery. Those part of codes are inWeb User Controls.. I would like to move(with Drag and Drop) those web user controls around site. Example of what I mean is here: http://www.rtvslo.si/ To move boxes around, but in my case Web User Controls.
View 3 RepliesI 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.
Reorder list to do control placement
[Code]....
I' 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 RepliesIm using a toolkit reorder list control. Im using LINQ2SQL. I have troubles making the order changes in the list to be updated to the database. This is my aspx code:
[Code]....
The drag and drop reordering works fine. In my
[Code]....
But no changes to the order are visible. What is missing?
[Code...]
Reorder list control cannot be set to not postback? My hope for this control was that I could tie it to a list of data (either a datasource or even a manually created list) and then allow the user to move the items in the list up and down until they liked the new order of all of the elements. They then would click a button to save the updates to the database. Is this possible? It seems that after every reorder there is a postback requried to the datasource to perform an UPDATE, even if the PostBackOnReorder
="false"
value is set.
So if my list is
1 Atlanta
2 Boston
3 Chicago
4 Denver
5 Edmonton
and they want to switch Denver with Boston and then hit the Update List button I could cycle through the list an only update two entries rather than all 5 entries twice (for each Postabk on reorder)
I have an issue with the appearance of my reorder list. The draghandle div is outside of the item template div. I have used the reorder list in the past and the draghandle was always inside of the item template. I can't seem to find any mistakes so is this a bug or do I have a mistake somewhere. All other functionality works great. Here is the code.
[Code]....
I did the tutorial for the ReorderList on the asp.net site: http://www.asp.net/ajax/tutorials/drag-and-drop-via-reorderlist-cs and everything works perfectly. But for some reason when I switch out the references and use the same code for my db table the changes aren't saving. In other words when I use the db table called 'AJAX' that I created based on the tutorial everything works perfectly, but when I use it on my table ('projects') the changes don't save to the db. I can't think of anything in the db that would be causing this to happen.
Here's my code:
//This works
<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="asm" runat="server" />
<div>
<asp:ReorderList ID="rl1" runat="server"
SortOrderField="position"
[Code]....
I am using reorderlist for the first time and I am having trouble getting to display like the default look I see at ajax toolkit examples webpage. Also, when I try to click on it and move any row nothing happens. I have a MSSQL table that has the following 4 fields
ToDoId (primary key, int, identity, not null)
ToDoChar (char(1), null)
ToDoDescription (varchar(50), null)
ToDoPosition (int, null)
I have the following code
[Code]....
I've just discovered the AJAX ReOrder list. So far, I've been able to pull data from the DB, and in the browser I can reorder the items; but how do I save the new order? Here's my code so far:
[Code]....