I had populated data in TreeView control. How will I drag a particular child node from a parent node and drop the dragged one to a DIV or any portion, using JQUERY ? I know in jquery, there are methods "draggable" and "droppable" to make this possible. But I want to drag a particular child node and drop it.
Or atleast How to fetch the text/id of a particular child node using jquery ? I hope I can drag,if I can fetch the child node
iam having a treeview where the sample structure is like this. Cabinet under cabinet there is folder and under folder there are some documents.now i want that documents to move from one folder to another folder using drag and drop ...how can i perform this functionality.
View 4 RepliesWe have an asp.net treeview control and a texarea. The childnodes of treeview need to be draggable and can be dropped into txtarea.
View 2 Repliesi want to create one treeview dynamically which will have child node and sub child node.for this i am getting my treeview value from the table with below column:Id,Name,Parent,IsActivewhere main parent nodes parent id will be 0 and then all other records parent id would be related id. the table structure would look
View 3 RepliesI'm populating a treeview dynamically. On OnTreeNodePopulate I call a sub and populate the Parent nodes. I do not want to populate the child nodes at this time. Upto this point it works fine.
Now I would like the user to click the parent node and then populate the child node. I tried to use TreeNodeExpanded, but that is called for each parent node, so that didn't work.
On our site we have a top menu, and a side menu. Other than using the same sitemap, they don't have any other relationship.
On the top menu, we only show the top links, with 0 child nodes, which is what we want.
On the side menu however, we want to show all the child pages when someone hovers over the main links. Some have up to 12 child nodes, and some only 1.
Our challenge is hiding a couple of specific pages from that menu.
An example is a "thanks for contacting us" page which is under the main "contact us" page. Otherwise, a person can hover over the contact page link and see the "thanks" page as a link - and we don't want people going directly to the thanks page. So, we want just "Contact" to show in that menu, no matter where a visitor is in the site.
I have tried a couple of solutions but they haven't worked. Is there an easier way to hide them?
I need to remove particular child nodes from their parent in treeview control.
For example:
Before Login
home
-register
-login
-pdf
After login
home
-pdf
What is the best way to accomplish this?
I want to implement some drag and drop behaviors in my ASP.NET app. Could someone point me in the right direction for some articles and samples? For example, one example of drag and drop I want to implement is for sorting things.
View 4 RepliesI currently have two listboxes and I use arrow buttons to move items from one list to another. Is there a way I could implement drag and dropping between those 2 listboxes.
View 3 Repliesi've built a WPF application with two listBoxes.I managed to drag and drop elements from one listbox to the other, but it always gets added to the end/buttom of the second listbox.How can i drag and drop the element and place it in the other listbox, but where i want it to be, where the cursor is located/ponits and not in the end (as the last element).
View 1 RepliesIn WPF I have a textBox . I need to drag and drop textfiles ie in notepad from desk top to textbox of wpf. I managed to get the contents of notepad to textbox. But I need file path to be in browser so that I can transfer files from client to client.
I need the file path instead.
privatevoid textBox1_PreviewDragEnter(object sender, DragEventArgse) {
bool isCorrect = true;
if (e.Data.GetDataPresent(DataFormats.FileDrop, true) == true
) {
string[] filenames = (string[])e.Data.GetData(DataFormats.FileDrop, true
);
[Code] ....
Anyone who can give me a tip on articles explaining how I can implement a drag n drop functionality between two asp controls? I'm using Asp.net 3.5.
View 1 RepliesI cannot get the Drag and Drop functionality of Web Parts is to work. I have a very simple test page with two WebPartZones.. In the OnInit method of the code behind I put the page in design mode. In the first zone I have a textbox.At runtime the text box renders as a web part. When I hover over the web part header my mouse pointer changes the 'move' pointer, but I cannot drag the item. I do not see it dragging and the part never moved. I am using Visual Studio 2010 with IE 8. I have tried IE8 in compatibility mode and regular mode. The results are the same. Here is the markup from my test page:
<form id="form1" runat="server">
<div>
<asp:WebPartManager ID="WebPartManager1" runat="server">
</asp:WebPartManager>
<asp:WebPartZone ID="LEFT" runat="server">
<ZoneTemplate>
<asp:TextBox ID="tb" runat="server" />
</ZoneTemplate>
</asp:WebPartZone>
aa
<asp:WebPartZone ID="RIGHT" runat="server">
</asp:WebPartZone>
aa
<asp:EditorZone ID="EditorZone1" runat="server">
</asp:EditorZone>
</div>
</form>
Here is the code behind:
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
WebPartManager mgr = WebPartManager.GetCurrentWebPartManager(this);
mgr.DisplayMode = WebPartManager.DesignDisplayMode;
}
What am I missing?
I hav two listboxes, how can i drag and drop between these two using jquery
View 4 RepliesI have to generate an organization chart, in my asp.net application and it should supports drag and drop feature to update the linkage between organization structure. What would be the best way to deal with it, (jQuery or silver light or .net chart controls). My primary needs is to support drag and drop.
View 4 RepliesFor our next project (a small app in ASP.NET/C#) we have to create drag and drop zones in the UI so that components/widgets can be dragged and dropped and layouts can be changed dynamically (for example, the user should be able to switch between two-column to a three-column layout from the front end). After doing some searching, I got to know that there are two approaches: Use Web parts and Content-zones. Using jQuery.
I also learnt that jQuery approach is preffered, but I would like to know how can I create such zones in my application and also save these zones per user (in the D so that when the new request comes for that user their preferred layout is displayed? I basically want to know if there are some tutorials on creating persistable drag and drop zones using jQuery.
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 have two reorder lists on my page and what I am trying to do is allow my users to drag from one list to another list.
Basically its a priority list so list one is high and list two is low and the user can move them between the two.
Now they will work independantly but I can't change them from one list to another.
How can i drag and drop image from panel to DataGridView?
View 5 RepliesI am looking for a drag & drop shopping cart, which I can use with asp.net & can save the details in sql server 2005 database. I don't bother if it from ajax, javascript or jquery.Actually I have a grid, in which I am having picture, product name & price (say), so either I could be able to drag the row to the cart to add or increase the product quantity. or on click on the add to cart button, it will flow to the shopping cart.
View 10 RepliesI have a repeater that's bound to a SQL Data Source (using ASP.NET). Are there any JQuery plugins/efficient way of converting my repeater into something that can be sorted via drag and drop? i.e. users can rearrange the order of the data, which updates the database?
View 2 RepliesI create a site map for my site but it only works three levels deep and I need at least six. How can I do that? Every time I add a child node under "Water Filters, Desalinators or Micropur" the sitemap doesn't show the child node. Until now my sitemap only works three levels deep: Home > Products > Water Filters But I need this: Home > Products > Water Filters > Katadyn > Personal Use > Pocket Turbo 1. This is my sitemap configuration:
<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns=[URL] >
<siteMapNode url="~/default.aspx" title="Home">
<siteMapNode url="~/products.aspx" title="Products">
<siteMapNode url="~/waterfiltes.aspx" title="Water Filters" />
<siteMapNode url="~/desalinators.aspx" title="Desalinators" />
<siteMapNode url="~/micropur.aspx" title="Micropur" />
</siteMapNode>
<siteMapNode url="~/services.aspx" title="Services" />
<siteMapNode url="~/partners.aspx" title="Partners" />
<siteMapNode url="~/aboutus.aspx" title="About Us" />
<siteMapNode url="~/contact.aspx" title="Contact Us" />
</siteMapNode>
</siteMap>
I have some data that I am putting on a treeview and have a checkbox on the page to decide if the user wants to order the nodes by date or type.
To do this I need to check if the code has already added a child node so when grouping by the type I don't put it in lots of times.
Lets say I have Type 1 and Type 2 and each have 3 items that would fall under these I want to achieve:
Type 1
Item 1
Item 2
Item 3
Type 2
Item 1
Item 2
Item 3
Instead of:
Type 1
Item 1
Type 1
Item 2
etc etc etc
I tried using the node.Contains function but it doesn't seem to exist (I am using c#).
I came across this example [URL] I want to create a form that will be validated when Submitted. In the above example you can keep on dragging colored boxed on the Drop It Here area. When a form is submitted, I want to validate Drop It Here area to see if it is empty or user drop a colored box here. Is this possible to do and if so, how to do it. I tried regular validation coltrols and they didn't seem to work.
View 1 RepliesI have a small doubt.Can we provide Drag and Drop facility in asp.net websites like in desktop applications.
If possible how can we provide that facility in our asp.net web sites