Angular的Kendo UI

角拖放

  • Angular的拖放库可以很容易地为用户提供抓取项目并将它们拖放到屏幕上的目标的功能。内置属性可以帮助您根据自己的需求和用户体验需求进行定制。
  • 面向Angular库的部分Kendo UI，以及开发人员信任的100多个专业设计的组件，可以满足他们所有的Angular UI需求。
  • 通过屡获殊荣的支持、详细的文档、演示、虚拟教室和300万强大的开发人员社区，快速启动并运行。manbets登录
下载免费试用
拖放
Nasa, Visa，微软 福克斯，三星，IBM 世界银行集团，沃尔沃

  • 自定义拖放变得容易

    Angular的拖放库可以很容易地为用户提供抓取项目并将它们拖放到屏幕上的拖放区域的功能。该组件提供了在页面上拖动一个元素并将其放入另一个元素的能力。您可以指定可以拖动哪些项目以及可以将哪些项目用作放置区域。它们可以是通用的HTML元素，也可以是Angular组件的其他Kendo UI。

    请参阅Angular拖放演示

  • 拖拽目标和拖放目标

    Angular的拖放库提供了一些指令，你可以使用这些指令将HTML元素或Angular组件指定为拖放目标。每个都将触发不同的元素，以允许您完全自定义应用程序的行为

    查看Angular拖动目标而且下降目标演示

  • 自动滚动

    使用此功能，当用户到达Drop Target的边缘时，最近的可滚动父元素将滚动。这将极大地改善小屏幕的用户体验。

    请参阅Angular拖放自动滚动演示

  • 拖动提示

    Angular的拖放库允许你在拖动时选择显示一个拖放提示，而不是显示整个元素。当用户抓取并拖动一个元素时，他们将看到您指定为拖动提示的图像或元素，而不是整个元素。这本质上是一个占位符，当拖动的元素很大或很复杂时，它特别有用。

    参见Angular Drag Hint演示

  • 自定义拖放行为

    Angular的拖放库通过提供自定义行为的属性来帮助你给用户他们想要的体验。

    • 拖放处理:默认情况下，整个目标元素是可拖动的，但你可以指定特定的部分用于拖动句柄。
    • 拖动延迟:使用此功能集，目标元素只有在指定的时间过去后才可拖动。在时间结束之前尝试拖动将取消该操作。这可以防止意外的拖拽。
    • 轴锁:此功能将允许您将拖动限制为水平或垂直移动。
    • 最小距离:此属性设置对象在被认为是拖动之前必须拖动的最小距离。
    • 事件:拖放目标会发出各种事件，你可以控制这些事件来完全自定义Angular应用中的拖放行为。
Kendo Angular UI入门背景

开始使用Angular的Kendo UI

下载免费试用
剑道UI
Baidu
map