将 Drag&Drop 与 jsTree 和 DataTables 一起使用
Using Drag&Drop with jsTree and DataTables
我有一个jsTree和一个DataTable。我正在尝试将从树中拖动的节点复制到表中的单元格。这样的事情可能吗?
它甚至不显示警报
这是我的 html :
<li id="tree1" class="jstree-draggable">
</li>
<table id="table">
<thead>
<tr>
<th>1 Column</th>
<th>2 Column</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
这是我的js:
$(document).ready(function() {
$("#tree1").jstree({
// List of active plugins
"plugins" : ["themes", "html_data", "dnd"],
"html_data" : {
"data" : "<li id='root'><a href='#'>Parent node</a><ul><li><a href='#'>Child node</a></li></ul></li>"
},
"themes" : {
"theme" : "default",
"dots" : true,
"icons" : true
},
"dnd" : {
"drop_finish" : function() {
alert("DROP");
},
"drag_check" : function() {
},
"drag_finish" : function (data) {
alert("DRAG FINISH");
}
},
"core" : {
"initially_open" : ["root"]
}
});
$('#table').dataTable({
"bPaginate" : false,
"bSort" : false,
"bInfo" : false,
"bFilter" : false
});
});
我有第二棵树(本质上是相同的(,并且在它们之间拖放工作(除非我尝试将子元素放在它自己的父元素之一上,在这种情况下,整个树都会消失,但这不是我现在的主要问题(
我已经在这个线程上尝试了答案,但它仍然没有显示警报。
非常感谢有关如何解决此问题的任何帮助(它不必使用jstree,这只是我碰巧发现的(
当某些东西被放入树本身时,将调用drop回调。要实现您正在尝试的内容,您必须将表格标记为"可放置"并允许在内部拖放元素。这是一个插件,是Jquery UI的一部分。使用此文档来执行此操作..
可放置文档
相关文章:
- 转义符不能与innerHTML一起使用
- 如何通过引用var Using DataTables来进行分页或排序
- Datatables:通过DOM数据源中的名称引用列
- 高亮显示与数组字符串一起使用时文本插件中断
- 如何在DataTables 2.1中迭代对象数组
- setTimeout可以与闭包内的函数一起使用吗
- 将依赖外部库的UMD模块与browserfy捆绑在一起
- Highcharts colorsByPoint与系列中的线性渐变一起使用时不起作用
- DataTables-创建自定义分页样式(加载更多样式)
- DataTables在表之间移动行
- 如何将js库与typescript一起使用
- 将webpack和babel与父项目目录中的文件一起使用
- dataTables-如何自定义分页类型以显示最后一个页码后面的省略号,
- Datatables查询url字符串:需要regex来修复url解析
- Jquery Datatables错误:无效的JSON基元:draw
- JQuery Datatables将复选框设置为选中
- 将 Drag&Drop 与 jsTree 和 DataTables 一起使用
- Datatables-两个不同的json源在一起
- jQuery JavaScript Datatables 列压缩/挤压在一起
- 将DataTables插件与GET请求一起使用以传递requestbody