在primeface5.3中拖放

时间:2018-03-07 05:41:22

标签: primefaces drag-and-drop

我在页面的左右两侧有两个面板。我想从左侧面板中的选项卡拖动一个输入文本,然后将其拖放到右侧面板。我的第一个问题是文本框无法拖动,我不知道为什么。我的第二个问题是当我在左面板选项卡中拖动元素时,选项卡已滚动,我无法将其放到右侧面板。

我的代码是:

<p:panel id="mainPage" class="Row">
            <p:panel class="col-md-3" id="leftPanel" style="height:500px" header="Elements">
                <p:accordionPanel>
                    <p:tab title="Elements">
                        <div class="iscRow">
                            <div class="col-md-12">
                                <p:inputText id="input1">
                                </p:inputText>

                                <p:draggable for="input1"  />
                            </div>

                            <div class="col-md-12">
                                <p:graphicImage id="image1" name="images/excel.png" style="height: 50px;width: 50px"/>
      <p:draggable for="image1" containment="mainPage" />

                            </div>

                        </div>
                    </p:tab>

                </p:accordionPanel>
            </p:panel>

            <p:panel class="col-md-9" id="rightPanel" header="page Design">

                <div class="iscRow">
                    <div id="headerDiv" class="col-md-12"  style="background-color: #EEEEEE;height: 200px;border-bottom: #adadad dashed;">


                            </div>

                        </div>                    



            </p:panel>

        </p:panel>

1 个答案:

答案 0 :(得分:1)

  

我认为您的问题是手风琴专家小组

     

p:tab没有可滚动的属性,因为它的滚动   .element无法拖出该标签。你可以使用两个面板   延长。