2017-06-20 62 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