Dynamic include with TabView model and <ui:include> not work

[dieego_]

I'm trying to create a dynamic include the TabView as follows:

Code: Select all

<p:tabView value="#{tabViewController.tabList}"
	activeIndex="#{tabViewController.activeIndex}" var="tabItem"
	dynamic="true" closeable="true" >
	
	<p:tab title="#{tabItem.title}">
		<ui:include src="#{tabItem.url}"></ui:include>
	</p:tab>
	
</p:tabView>

and

Code: Select all

public TabViewController() {
		setTabList(new ArrayList<TabItem>());

		getTabList().add(new TabItem("tab1", "pag1.xhtml", 0));
		getTabList().add(new TabItem("tab2", "pag2.xhtml", 1));
	}

The attribute "url" works within the <p:tab>, but does not work in <ui:include>.

I tried to debug the class IncludeHandler, the value is not evaluated correctly.

[smithh032772]

1. Look at your rendered HTML and see what is the rendered HTML for the ui:include src="..." in the xhtml below.

Code: Select all

   <p:tab title="#{tabItem.title}">
      <ui:include src="#{tabItem.url}"></ui:include>
   </p:tab>

2. WHat happens when you add cache="true"?

3. What happens when you remove dynamic="true"?

Please reply to all above, separately, and test results of # 2 and # 3.

[dieego_]

hi, thanks for answering

1. The result for the xhtml is a empty <div>

Code: Select all

<div id="j_idt13:j_idt23:0:j_idt24" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="false" style="display: block; "></div>

The items 2 and 3, don't change the result.

In the class com.sun.faces.facelets.tag.ui.IncludeHandler, the method apply evaluates the attribute "src" and returns ""

[smithh032772]

1. Is your bean viewscoped? If so, try sessionScoped.
2. is your web.xml configured with partial/full state saving? See below.

http://www.lmgtfy.com/?q=stackoverflow+ ... coped+1492

I am using viewscoped beans and i just remembered that my fix for the issue discussed in the URL is as follows:

Code: Select all

    <context-param>
        <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
        <param-value>server</param-value>
    </context-param>
    <context-param>
        <param-name>javax.faces.PARTIAL_STATE_SAVING</param-name>
        <param-value>true</param-value>
    </context-param>
    <context-param>
        <param-name>javax.faces.FULL_STATE_SAVING_VIEW_IDS</param-name>
        <param-value>/index.xhtml</param-value>
    </context-param>

Since I have the ui:include src="..." in index.xhtml:

Code: Select all

                <p:layoutUnit position="center">
                    <p:outputPanel id="pageContentPanel" style="width: 100%; height: 100%">

                        <p:outputPanel layout="block">
                            <ui:include src="#{(pageNavigationController.isPageForPrinter() == true) ? pageNavigationController.blankPage : pageNavigationController.page}"/>
                        </p:outputPanel>

                    </p:outputPanel>
                </p:layoutUnit>

[dieego_]

Hi,

My bean is SessionScoped.
I had tried using a variable directly in the bean, and works out of <p:tabView>.
The problem occurs when I put this variable in the list of objects TabView
Still thanks for help.

[smithh032772]

Please share your entire bean which builds list of tabView tabs and url. I am building dynamic list of tabs via the POJO approach and I don't use dynamic="..." at all.

[sakkie6yster]

Hi Smith,

were you actually able to use the ui:include with the dynamic tabs?

I am struggling with the same thing.

[andyba]

The problem lies with the use of <ui:include/>

This is a build time tag which means that it controls what is included in the component tree when this is first built. As a result of this EL expressions are only evaluated at build time and are never evaluated again even if the view is being refreshed.

For a more complete explanation on this, read this excellent article: http://www.ninthavenue.com.au/blog/c:fo ... n-facelets

If you are using templating, and you should be, then replace include with define and insert pairs.

[Cesar M. Casasola]

The problem lies with the use of <ui:include/>

This is a build time tag which means that it controls what is included in the component tree when this is first built. As a result of this EL expressions are only evaluated at build time and are never evaluated again even if the view is being refreshed.

For a more complete explanation on this, read this excellent article: http://www.ninthavenue.com.au/blog/c:fo ... n-facelets

If you are using templating, and you should be, then replace include with define and insert pairs.

Have any of you ever tried this?.

I'm trying following but neither work

Code: Select all

<p:dialog id="dlgWSistemas" widgetVar="dlgSistemas" 
		resizable="false" draggable="false" styleClass="dlgCenter" 
		visible="true" closable="false"
		onShow="showDlgSistemaListener()"
		onHide="hideDlgSistemaListener()" >	
	<p:outputPanel id="opTabSistemas">
		<p:tabView value="#{controller.listTabs}" var="t"  >
		<p:tab title="#{t.perfil}" >
			
			<ui:define name="pageSubMenu">
				<ui:insert>
					<ui:include src="#{t.url}" />
				</ui:insert>
			</ui:define>

		</p:tab>
		</p:tabView>
	</p:outputPanel>
</p:dialog>

<h:form prependId="false">
	<p:remoteCommand name="showDlgSistemaListener" 
		update=":opTabSistemas"
		actionListener="#{controller.openDialog}"/>
		
</h:form>

In my case, when openDialog shows call openDialog method that initialized listTabs object.

[andyba]

The problem lies with the use of <ui:include/>

This is a build time tag which means that it controls what is included in the component tree when this is first built. As a result of this EL expressions are only evaluated at build time and are never evaluated again even if the view is being refreshed.

For a more complete explanation on this, read this excellent article: http://www.ninthavenue.com.au/blog/c:fo ... n-facelets

If you are using templating, and you should be, then replace include with define and insert pairs.

Have any of you ever tried this?.

I'm trying following but neither work

Code: Select all

<p:dialog id="dlgWSistemas" widgetVar="dlgSistemas" 
		resizable="false" draggable="false" styleClass="dlgCenter" 
		visible="true" closable="false"
		onShow="showDlgSistemaListener()"
		onHide="hideDlgSistemaListener()" >	
	<p:outputPanel id="opTabSistemas">
		<p:tabView value="#{controller.listTabs}" var="t"  >
		<p:tab title="#{t.perfil}" >
			
			<ui:define name="pageSubMenu">
				<ui:insert>
					<ui:include src="#{t.url}" />
				</ui:insert>
			</ui:define>

		</p:tab>
		</p:tabView>
	</p:outputPanel>
</p:dialog>

<h:form prependId="false">
	<p:remoteCommand name="showDlgSistemaListener" 
		update=":opTabSistemas"
		actionListener="#{controller.openDialog}"/>
		
</h:form>

In my case, when openDialog shows call openDialog method that initialized listTabs object.

As your question is not related to the Thread topic you really need to ask it in a new Thread. Please do so.