Hello,
I have an easyUI made of:
- a left region containing a tree
- a center panel containing tabs. Each tab content is put inside an iframe (with same domain).
I do not succeed to drag tree nodes and drop them onto the iframe in the center region. It works if the tab panel does not contain an iframe.
Below is the structure of my code :
<body class="easyui-layout">
<div data-options="region:'west',split:true" style="width:250px;padding:10px;">
<ul id="tt" class="easyui-tree" data-options="data: someJson, animate: true, onLoadSuccess: prepareDrag"></ul>
</div>
<div class="easyui-droppable" data-options="region:'center', accept: '.tree-title', onDrop: handleDrop">
<div id="tabs" class="easyui-tabs" style=""> </div>
</div>
<script>
function prepareDrag(node, data) {
$('.tree-title').draggable({
disabled: false,
revert: true,
proxy: myProxy,
...
});
}
function handleDrop(e, source){
console.log(' dropped');
}
<script>
</body>
What's going wrong ?
Thanks for your help.
Michel