Question

我正在使用Primefaces Drag and Drop从DataGrid拖动到另一个组件。问题是，当您从数据网格拖动项目时，该项目一离开单元格就不可见。

即使这个例子也是这样的： http://www.primefaces.org/showcase/ui/dndTable.jsf

有没有办法让拖动的项目在页面上的其他内容上方可见？我已经尝试在draggable中设置一个高zindex，但是没有用。这似乎只是从DataGrid拖动时的一个问题。

使用Primefaces 3.5

Answer 1

我没有通过操作样式来找到任何解决方案以避免在使用dataTable时出现问题，但是如果你使用带有嵌套panelGrids的dataGrid来模拟行，它将起作用：

 <p:fieldset>
`  <p:dataGrid columns="1" value="#{bean.items}" var="item">
     <p:panelGrid>
       <p:row>
         <p:column style="text-align: center;">
             <p:outputLabel value="#{item.name}" />
             <p:draggable />
         </p:column>
         <p:column style="text-align: center;">
             <h:outputText value="#{item.somethingElse}" />
         </p:column>
       </p:row>
     </p:panelGrid>
   </p:dataGrid>
 <p:fieldset>

通过这个技巧，你可以在panelGrid之外拖动任何东西，它将显示在其他所有内容之上，但是你放弃了dataTable样式。

Primefaces从DataGrid拖放

1 个答案: