drag-and-drop

问题 I've been having a problem while testing drag and drop functionality. I need images to be draggable into a textarea, and when dropped, the text would be appended by a twitter username stored inside "data-twname" custom html attribute. Problem appears when I type text inside the textarea - any subsequent drag&drop simply does not append twitter name to the text, even though it works in start. This is the jQuery code I use: $(".draggie").draggable({ containment: "parent", cursor: "move", revert

问题 Hey I 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? 回答1: jQuery UI has an event every time the user makes a drop, in that event you make a ajax request with the order of the elements to your server. There you save the order of the elements to your sql server. $( ".selector" ).droppable({ drop: function(event, ui) { $.ajax({...}) } }); I dont know Asp.net C#, but saving something in the server side to the database should

问题 I have a schedule grid based on a HTML table using jQuery/jQuery UI drag and drop. Each cell in the table represents a user and timeslot. I've got good performance in IE9, FireFox, and Chrome however IE8 is unusable because there is a several second pause between the time a user starts a drag and the time the drag helper appears. I know part of the problem is that I am creating a large number of droppables, in this case: 112 Users on a 24 hour grid (total of 2688 droppables created) If I

问题 I'm implementing file drag/drop in angular2 as follows. export class JobDescription implements AfterViewInit { ..... noPropagation:any=(e)=>{ e.stopPropagation(); if (e.preventDefault) { return e.preventDefault(); } else { return e.returnValue = false; } }; constructor(public router: Router,public route:ActivatedRoute, public http: Http,public appState: AppState,private $uibModal: NgbModal,private renderer:Renderer) { this.main=appState._state; ..... } ngAfterViewInit() { this.dragViewInit();

问题 see this js fiddle[http://jsfiddle.net/pUAXd/17/] i am creating my table in html body and want to use drag and copy functionality of dooly.js over my table like the 2nd table.. 回答1: You just need to grab the data from the table before the rederizartion and then use this data to create the table with dolly.js tableController.element = $("table"); tableController.data = []; tableController.element.find('tr').each(function(i, line) { var lineData = []; $(line).find('td').each(function(j, cell) {

问题 When a object is dragged and dropped from one div to another, the format in li gets changes to text only. I want it in the same format and style i.e 'li' after droping it. $(function() { $( "#catalog ul" ).sortable({ zIndex: 10000, revert: true }); $( "#catalog" ).accordion(); $( "#catalog ul" ).draggable({ appendTo: "body", helper: "clone", zIndex: 10000 }); $( "#dialogIteration ol" ).droppable({ activeClass: "ui-state-default", hoverClass: "ui-state-hover", drop: function( event, ui ) { $(

问题 I'm trying to implement a Drag&Drop feature in my Angular application using the Angular Drag&Drop library. My requirements are similar but not as complex as in the nested Containers Demo. In this demo the templates are implemented recursively: <!-- Markup for lists inside the dropzone. It's inside a seperate template because it will be used recursively. The dnd-list directive enables to drop elements into the referenced array. The dnd-draggable directive makes an element draggable and will

问题 I'm lookin for a way to drag a group of selected rows using jqGrid. 回答1: Look at http://trirand.com/blog/jqgrid/jqgrid.html. Choose on the left tree "New in Version 3.6" and then "Drag and Drop Rows". If you means "drag a group of selected rows" inside one jqGrid table choose "Sortable Rows" on the same demo page. If you need this feature it can be interesting to look at jqGrid disable sortablerows where I describe how one can allow only selected rows be sortable (per drag a drop) 来源： https:/

问题 I found a beginner-friendly tutorial here: http://androidrox.wordpress.com/2011/05/13/android-sample-app-drag-and-drop-image-using-touch/ here is the xml code in my case: <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/absLayout" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > <Button android:id="@+id/myButton" android:layout_width="wrap_content"

问题 Are there any GWT gurus out there who can guide me on how to start with Drag and Drop in GWT for custom widgets. I have a build a simple tree structure by putting custom widgets inside an HTMLPanel (table rows) and want to be able to drag and drop each widget above or below other widgets but don't know where to start I am using 1.6. I need someone to guide me or point me in the right direction. thanks 回答1: gwt-dnd providing easy to use drag-and-drop capabilities to Google Web Toolkit (GWT)