zk 可拖曳组件的多种类型

可拖曳组件的多种类型

可放下组件不接受所有的可拖曳组件是和平常的。例如，一个e-mail文件夹只接受e-mail且拒绝联系(contacts)或其它。当调用onDrop时，你可以默默地忽略不可接受的组件，或是发出警告消息。

为了获得更好的视觉效果，你可以使用一个标识来确定每种类型的可拖曳组件，然后将标识赋予draggable属性。

 

 

 

<listitem draggable="email"/>
...
<listitem draggable="contact"/>

 

然后，你可以为droppable属性指定一个标识列表来限制可被放下的组件。例如，下面的图像仅接受email和contact。

 

 

 

<image src="/img/send.png" droppable="email, contact" onDrop="send(event.dragged)"/>

 

若想接受任何类型的组件，你可以将droppable属性的值设为"true"。例如，下面的图像可以接受任意类型的可拖曳组件。

 

 

 

<image src="/img/trash.png" droppable="true" onDrop="remove(event.dragged)"/>

 

另外，如果draggable属性的值为 "true"，则意味着此组件属于匿名类型。此外，只有droppable属性值为"true" 的组件接受此组件。