I am using this plugin of angularJS- http://ganarajpr.github.io/angular-dragdrop/ and wants to achieve something like this-
http://jsfiddle.net/J7azG/40/
(similar to "greedy" feature in jquery ui dragdrop)
Can someone please advice how to do this?
Found the solution- It can be achieved by assigning different channels for the two different drop sites and the dragged element ( while dragging) describes the corresponding channels . By default it doesn't transfer element to parent from child.
Related
I am new to angular js , I have to display JSON data (can be nested to any level)in tree structure whchi should expand and collapse on button click ,I have tried various npm plugins but not a satisfied with any of those ,
So can anybody suggest me some good solution for this
Thanks in advance
If you want to go with plugins, then angular-ui-tree is the best one.
Else you can come up with your own logic of iterating the nodes with check in record array, if its there come up with caret and give the control to hide and show the rows of the respective parent.
I am looking at the documentation of onsenui as generate a list like the one shown in this picture: http://onsenui.io/images/index/feature-custom-elements.png
But I could only generate a simple list with only one row for each item, anyone know how to do?
The pattern is listed on this page. You can learn how to create the UI with Onsen UI by referencing the page.
http://components.onsenui.io/
I'm trying to make a drag-and-drop editor for the values of an HTML <select> menu, with <optgroup> grouping.
I've been working in a JSFiddle; here's what I have at the moment. It currently consists of a multi-dimensional array and two nested ng-repeat divs to display all of the array's content in groups.
The drag-and-drop portion is working (including dragging across groups, which I need), but the output of the model's contents at the bottom doesn't match up with what's happening above. Here's what I've been able to gather:
If I drag any item down by one position (item or group), nothing updates in the model output below.
If I drag any item down by two or more positions, the model output does update
If I drag any item up by one or more positions, the model output updates
If I drag any item across groups, the model output updates
I've done lots of googling, but I wasn't able to find any mentions of a similar issue. Given that the actual drag-and-drop portion is behaving as expected, I can't imagine what sort of issue in the code would cause the model to update correctly or incorrectly based on both drag direction and distance.
Could someone point me in the right direction? Am I doing something wrong, or is this just a bug in Angular-UI Sortable? If so, is there an alternative for AngularJS that supports dragging items between groups like this?
I believe it is a bug in whatever version you are using.
Using the latest version of sortable.js from the master branch it seems to work just fine:
<script src="https://rawgithub.com/angular-ui/ui-sortable/master/src/sortable.js"></script>
var myapp = angular.module('myapp', ['ui.sortable']);
http://jsfiddle.net/N58Qk/
Try Angular-NestedSortable, it's an Angularjs plugin that can sort nested lists and bind data, and dosen't need to depend on jQuery. https://github.com/jimliu/Angular-NestedSortable
Hi friends i am using jdev 11g release2 (11.1.2.4.0).I want to create a registration form from dragging datas from data control and my question was how to change or move the position of textfield in that form into different areas?
You should be using various layout components to achieve the layout you want, and remember that layout components can be nested to create more complex layouts.
See some examples here:
http://jdevadf.oracle.com/adf-richclient-demo/faces/feature/layoutForm.jspx
You can use the view source menu to see how they achieved that.
http://jdevadf.oracle.com/adf-richclient-demo/faces/feature/layoutBasics.jspx
Please be a bit more clear in your query. From what I was able to make out:
You can either use the "code view" of the JDev to move the code which represents the component to a different location or use the "Design view" to drag and move the component.
I would recommend the first approach as it makes it easier to manage the code/layout
You can change the position of the fields within the form or you can drag them out. However for this you should try out some tests and see which suits you best. I think if you surround each attribute with "Panel label and message" you will have a better view of your page.
I have a requirement which requires me to use a single dialog with two tabs. Each tab should have a CustomMultiField (multiple sets of four fields). I do not know anything about EXT JS. Can some one point me to right direction where I can find something about requirement as above.
I have built custom components without any explicit understanding of Ext JS. To understand how to set up a dialog with tabs, look at the code for the page component in /libs/foundation/component/page. A directory of all the xytpes you can use, like MultiField, is here.
If you need something that behave like one, but is not necessarily huge specific ExtJS component or custom xtype, and you do not want to dig hundreds of Adobe ‘support’ pages, trying to find some piece of useful doc.
You can simply use multifield xtype and write 4 pure JS listeners, that does what you need.