【问题标题】:Primefaces Drag and Drop from DataGrid从 DataGrid 拖放 Primefaces
【发布时间】:2013-06-14 17:39:59
【问题描述】:

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

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

有没有办法使拖动的项目在页面上的所有其他内容之上可见?我尝试在可拖动对象中设置高 zindex,但没有成功。这似乎只是从 DataGrid 中拖动的问题。

使用 Primefaces 3.5

【问题讨论】:

    标签: java javascript jquery jquery-ui primefaces


    【解决方案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 样式。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-03-27
      • 2011-12-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-01-21
      • 1970-01-01
      相关资源
      最近更新 更多