2017-06-20 61 views
0

我使用Kendo UI Angular 2库中的可排序组件创建自定义组件列表,用户可以根据需要拖放它们进行重新排列。默认情况下,可以通过单击项目中的任何位置来拖动可排序的项目。我的问题是:我们可以像经典的Kendo UI那样指定一个句柄吗?我希望用户只在使用项目的标题而不是正文时拖动项目。Kendo UI Angular 2+可排序的拖动手柄

我在文档中找不到任何东西,我希望如果有人做到了,他们可以指引我走向正确的方向。

谢谢。

回答

0

不能访问TypeScript源代码(只能访问转录的JavaScript),很难说,但根据我的快速检查,答案是否定的。它不支持像Kendo UI JavaScript版本那样的选项,你可以指定一个句柄选择器。

如果您有一个句柄元素,根据文档,您应该在可排序模板中的元素中添加draggable =“true”属性。

http://www.telerik.com/kendo-angular-ui/components/sortable/#toc-known-limitations

<kendo-sortable [data]="items"> 
    <ng-template let-item="item"> 
    <button draggable="true"> 
     {{item}} 
    </button> 
    </ng-template> 
</kendo-sortable> 

我这个剑道角度分量的经验是它不是很大。我有自己的问题。它似乎不在狭窄的范围之外运作良好。

现在,至少在我的项目中,我们将使用Dragula。有一个可用的Angular2 +包装器。它的选项支持句柄等。

https://github.com/valor-software/ng2-dragula

+0

我想了解关于剑道是哪里这个变量名“* *项”从何而来?这是自动分配的吗?如果我想改变它呢? – Inigo

+0

@Inigo项目或任何控件调用属性在模板的上下文中定义,所以是,“自动”分配。如果你想“改变”这个名字,你可以改变let语句let-whateverIwant =“item” – cp79shark