由于 Fieldset 无法转换为 UIData 而抛出的异常

Question

正在尝试开发拖放功能。布局中的 fieldSet 必须被拖动并模仿用户，就好像它被拖放到另一个布局中一样。下面是相同的 xhtml 代码：-

<h:head>
    <script type="text/javascript">
        function handleDrop(event, ui) {
            var dropped = ui.draggable;

            dropped.fadeOut('fast');
        }
    </script>

</h:head>
<h:body>
 <h:form>
    HI
    <h1>Primefaces Basic Config</h1>


    <p:layout style="min-width:400px;min-height:200px;">

        <p:layoutUnit id="first" position="west">

            <p:fieldset id="ppl" legend="Builder" toggleable="true" toggleSpeed="500" style="width:300px">

                    <h:panelGrid columns="2" cellpadding="5">
                        <h:outputText value="Bla bla bla"></h:outputText>
                    </h:panelGrid>

            </p:fieldset>

            <p:draggable for="ppl" revert="true" />

        </p:layoutUnit>


        <p:layoutUnit id="second" position="center">

                 <p:tabView id="dropdownpanel">
                    <p:tab title="Edit">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText
                                value="Add question details" />
                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="Option">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="addtional options required" />
                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="Logic">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="addd logic to this tab" />
                        </h:panelGrid>
                    </p:tab>
                 </p:tabView>

        </p:layoutUnit>

        <p:droppable for="second" tolerance="touch"  datasource="ppl" onDrop="handleDrop" >
            <p:ajax update="first second" />  
        </p:droppable>

    </p:layout>

  </h:form>
</h:body>

          </h:form>

以下是我正在尝试实现的屏幕截图，其中可以将构建器字段集拖入编辑区域：-

但是当我试图拖动 BUILDER 时抛出以下异常:-

15:53:05,497 INFO [javax.enterprise.resource.webcontainer.jsf.context] (http-0.0.0.0-0.0.0.0-8081-1) java.lang.ClassCastException: org.primefaces.component.fieldset.Fieldset cannot be cast to javax.faces.component.UIData: java.lang.ClassCastException: org.primefaces.component.fieldset.Fieldset cannot be cast to javax.faces.component.UIData at org.primefaces.component.dnd.Droppable.findDatasource(Droppable.java:231) [primefaces-4.0.jar:4.0] at org.primefaces.component.dnd.Droppable.queueEvent(Droppable.java:189) [primefaces-4.0.jar:4.0] at org.primefaces.component.behavior.ajax.AjaxBehaviorRenderer.decode(AjaxBehaviorRenderer.java:44) [primefaces-4.0.jar:4.0] at javax.faces.component.behavior.ClientBehaviorBase.decode(ClientBehaviorBase.java:132) [jboss-jsf-api_2.1_spec-2.0.1.Final.jar:2.0.1.Final] at org.primefaces.renderkit.CoreRenderer.decodeBehaviors(CoreRenderer.java:395) [primefaces-4.0.jar:4.0] at org.primefaces.component.dnd.DroppableRenderer.decode(DroppableRenderer.java:32) [primefaces-4.0.jar:4.0] at javax.faces.component.UIComponentBase.decode(UIComponentBase.java:787) [jboss-jsf-api_2.1_spec-2.0.1.Final.jar:2.0.1.Final] at javax.faces.component.UIComponentBase.processDecodes(UIComponentBase.java:1181) [jboss-jsf-api_2.1_spec-2.0.1.Final.jar:2.0.1.Final]

而且我没有解决的线索。

Answer 1

p:droppable 元素中的 datasource 属性需要引用 UIData。 Fieldset 不是 UIData。如果您查看 UIData Javadoc，您会发现 HtmlDatatable 是一个已知的子类

我遇到了同样的问题，通过引用我的 datatable 而不是 fieldset 解决了这个问题。在您的情况下，您使用的是 h:panelGrid，因此请更改

   <h:panelGrid columns="2" cellpadding="5" >

给一个数据表，给它一个ID。说 "datasrc1"。并将您的 droppable 的数据源更改为：

   <p:droppable for="second" tolerance="touch"  datasource="datasrc1" onDrop="handleDrop" >

由于 Fieldset 无法转换为 UIData 而抛出的异常

Exception thrown as Fieldset cannot be cast to UIData

jsf

drag-and-drop

primefaces

jsf-2