Comments (1)
I was able to add a workaround
Tried to add accept
method for li tag, for some reason it wasn't working, then programatically I added 'accept' for the same using jquery
under accept of ol
item
html file
<ol style="display: block; min-height: 65px !important; background-color: #fff; border: 1px dotted #000; margin-bottom: 0px; padding:5px; padding-bottom: 15px;"
data-drop="true" ng-model='listColumns' data-jqyoui-options="checkDropColumnDuplicateValue" jqyoui-droppable="{multiple:true, onDrop: 'dropColumnsCallback'}">
<li ng-repeat="item in $parent.listColumns track by $index" data-drop="true" data-drag="true" ng-model="listColumns" tableName="{{item.tableName}}"
columnAlias="{{item.columnAlias}}" uniqueId="{{item.uniqueId}}" dataType="{{item.dataType}}" dateFunction="{{item.dateFunction}}"
aggre="{{item.aggregation}}" colType="columns" colBlockType="columns" dragType="allow" jqyoui-droppable="{ index: {{$index}}, deepCopy: false }"
jqyoui-draggable="{index: {{$index}}, insertInline: true, animate: true, deepCopy : false, direction:'jqyouiDirection'}"
data-jqyoui-options="{revert: 'invalid' }" data-direction="{{item.jqyouiDirection}}" class="btn btn-info btn-xs sortable"
style="width:100%; margin-bottom:3px; text-align: left;" >
<span class="badge" style="float: right" ng-click="removeList(item,'Columns')">X</span>
</li>
</ol>
Controller code
$scope.checkDroppableAcceptance = function () {
//TODO not able to set droppable accept option in html via data-jqyoui-options
$('li[colType]').droppable({
accept: function (elem) {
//return $(elem).attr('colType') === 'columns' ? true : false;
return elem.context.tagName === 'LI' ? true : false;
}
});
};
$scope.checkDropColumnDuplicateValue = {
greedy: true,
accept: function (dragEl) {
var chkList1 = true;
//some code
$scope.checkDroppableAcceptance();
return chkList1;
}
};
from angular-dragdrop.
Related Issues (20)
- Center Draggable element in DropZone HOT 2
- Hi, HOT 1
- Support for SVG elements
- Suggestion
- Resetting elements to original position?
- drag works but drop doesn't work HOT 1
- Draggable not working on <tr>
- dynamically created div is not draggable HOT 1
- How can i get the coordinates of div while dragging HOT 1
- Does not work when compile-time debugging is disabled
- Dragable Control HOT 1
- I am not able to edit text by clicking on it when data-drag ="true", contenteditable="true"
- Drop and add item in Array
- How to use it in ionic project?
- Memory Leak with dynamic dom content
- scrollbar bug in shopping cart demo HOT 1
- onDrop event
- onDrag/onStart not applying stlyle until released
- drag and drop is not working with new jquery/jquery-ui -1.13.2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-dragdrop.