草庐IT

nested-sortable

全部标签

javascript - 更改 jquery sortable 的排序行为

我有一个类似本页第二个示例的可排序对象:http://jqueryui.com/demos/sortable/items.htmlsortable是目标的混合:那些可以拾取和重新排列的无法拾取的禁用元素(但为掉落目标)。问题在于组件解释我的排序意图的方式。例如,拾取以下列表的第一个元素并将其拖动到第四个位置将如下所示:ABCXX==>BCXAX这里的X表示禁用的项目。在我的应用程序中,我希望排序行为有所不同。当拾取目标并将其放置在禁用项目(X)上时,列表不应移动以容纳目标,而是目标和禁用项目应该交换位置。使用与之前相同的示例(从第1位拖到第4位):ABCXX==>XBCAX如果放置目标

javascript - 如何使用 javascript 在 sortable 中查找值的项目

我有一个sortable,它是通过从JSON文件加载创建的。现在我想删除一个项目。我从文本区域收到我必须取消的元素名称。我保存在变量namdel中。通过for循环,我将把这个变量与可排序的名称进行比较。sortable的HTML代码:SingularsensationBeadylittleeyesLittlebirds问题是如何阅读这些项目,因为如果我阅读:varcontapara=1;varl=document.getElementById(contapara).innerHTML;alert(l);程序在alert窗口中写入:Littlebirds我只想要小鸟。

javascript - jqueryui sortable 完成排序后的事件

我想在jqueryuissortable的排序完全完成并且一切都重新到位后触发回调函数。我尝试了stop事件,但是我拖动的元素仍然是绝对定位的,所以这不是我想要的。是否有任何事件可以实现该目标,或者我是否需要设置一些奇怪的超时设置? 最佳答案 有一个更新方法。您可以在更新方法中编写代码。update:function(event,ui){} 关于javascript-jqueryuisortable完成排序后的事件,我们在StackOverflow上找到一个类似的问题:

javascript - jQuery UI draggable element dropped into sortable

我有一个可拖动项列表,我希望能够将它们拖动到可排序的内容block上。这是我的标记:OneTwoFooBar问题是,我希望拖动的项目在拖动开始时“变成”一个block,并在它被放下时保持一个block。我试过这个:$('.itemsdiv').draggable({helper:function(e){return$('').addClass('block').text($(e.target).text());},connectToSortable:".content"});$('.content').sortable();​fiddle:http://jsfiddle.net/MF4

javascript - Nest.js - 请求实体太大 PayloadTooLargeError : request entity too large

我正在尝试将JSON保存到Nest.js服务器中,但是当我尝试这样做时服务器崩溃了,这就是我在console.log上看到的问题:[Nest]1976-2018-10-1209:52:04[ExceptionsHandler]请求实体太大PayloadTooLargeError:请求实体太大一件事是JSON请求的大小是1095922字节,有人知道Nest.js中如何增加有效请求的大小吗?谢谢! 最佳答案 您还可以从express导入urlencoded和jsonimport{NestFactory}from'@nestjs/core

javascript - JS (ES6) : Filter array based on nested array attributes

我有一个数组,看起来像这样:constpersons=[{name:"Joe",animals:[{species:"dog",name:"Bolt"},{species:"cat",name:"Billy"},]},{name:"Bob",animals:[{species:"dog",name:"Snoopy"}]}];现在我想根据物种进行过滤。例如:每个养猫的人,都应该返回:constresult=[{name:"Joe",animals:[{species:"dog",name:"Bolt"},{species:"cat",name:"Billy"},]}];我试过这样的fil

javascript - JQuery Draggable Droppable 和 Sortable 同时用于 DOM 操作

我正在尝试使用JQueryUI设置某种拖放所见即所得的编辑器。我已经成功地设置了这些元素,但是它们有一个奇怪的行为。由于不断闪烁,几乎不可能对项目进行排序。我这样设置我的可拖动对象:el.draggable({containement:'.main-form-container',revert:"invalid",connectToSortable:'.sortable'}).disableSelection();如果我不将其设置为可拖动,则sortable会将占位符放置在其自身上!为什么?有时,当一个元素被放入另一个元素时,它会变成一个可拖动的元素并且看起来粘在一起。尽管这似乎已通过

javascript - react : Nested onclick also triggers parent

我使用slickcarousel的react版本制作了一个类似Netflix的carousel。您可以单击一个图block,然后该图block会展开以显示该图block的详细信息。例子:这要归功于Slicks处理动态高度的能力。我想在扩展部分添加一个关闭按钮(如最右侧所示)。但这就是我遇到的问题。如果我添加一个带有onClick处理程序的关闭按钮,它将始终触发显示展开部分的父级Onclick。showExpandedonclick函数只是设置一个showDetails状态。所以我的问题是:如何通过单击关闭按钮来设置状态,而不同时触发包装父级。我尝试了event.preventDefau

javascript - 使用 accepts_nested_attributes_for 的 rails 中的三级嵌套表单

我一直在尝试在我的Rails应用程序中使用accepts_nested_attributes_for实现动态多模型表单。我一直在关注EloyDuran的complex-formsexample这显示了2级实现,但我一直在尝试将其扩展到3级。accepts_nested_attributes_for是否支持3级表单?谁能告诉我如何扩展示例应用程序?我已经让第3级的javascript部分工作(由于某种原因并不总是工作),但我无法保存第3级对象。它为每个属性传递的参数名称是:greatgrandparent[grandparent_attributes][0][parent_attribu

javascript - Vue.js + Vuex : How to mutate nested item state?

假设我有以下树:[{name:'asd',is_whatever:true,children:[{name:'asd',is_whatever:false,children:[],},],},],树通过Vuex存储在键“树”下的模块中,并使用以下称为“递归项”的递归组件循环:{{item.name}}onoff现在我想切换项目的属性'is_whatever',所以我附加了一个监听器onoff当我点击它时,它可以工作,但会发出以下信号"Error:[vuex]Donotmutatevuexstorestateoutsidemutationhandlers."[vuex]Donotmuta