primefaces文本编辑器不会显示在选项卡中

时间:2018-05-21 10:33:44

标签: jquery primefaces tabs text-editor

我要添加的文本编辑器位于页面的第二个选项卡上。当我在页面Text editor added in page just below the tabs中的选项卡下方添加文本编辑器时,它将被初始化并在第一个选项卡中可见。但是第二个标签不可见。

如何在第二个标签上显示它?是一些大小问题或初始化问题?

下面的图片是我在标签下面添加文本编辑器的时候

我正在使用的代码是:

<li class="tab-item"><a data-toggle="tab" class="tutorialsTab" href="#tutorials">Tutorials Tips <i class="material-icons done">done</i> </a></li>
</ul>
<p:textEditor widgetVar="ed" id="labDescription" class="primefacesEditorTesting"
                                 height="100"
                                style="margin-bottom:10px" />
                        </h:form>

在第二种情况下,我在第二个选项卡中的表单中添加一个新的文本编辑器,在时区选项和实验室描述之间,它是rendred,如下图所示: The text editor added in the second tab in a different form while renders on a button click

我在此标签中使用的代码是:

<p:textEditor widgetVar="ed" id="labDescription" class="primefacesEditorTesting"
                                 height="100"
                                style="margin-bottom:10px" />

                    <div class="row form-group">
                        <div class="col-sm-12 ">
                            <h:outputText for="lab-description" value="Lab Description" />
                                <h:inputTextarea id="lab-description" styleClass="form-control" a:placeholder="eg: What are the goals and objectives for you and your team with this Lab?"
                                    value="#{labManagedBean.lab.description}" style="resize: none"  rows="6"/>
                        </div>

0 个答案:

没有答案