[richfaces-issues] [JBoss JIRA] (RF-11763) javascript error : item is undefined on nested tabPanel with switchType='ajax'

javascript error : item is undefined on nested tabPanel with switchType='ajax' ------------------------------------------------------------------------------ Key: RF-11763 URL: https://issues.jboss.org/browse/RF-11763 Project: RichFaces Issue Type: Bug Security Level: Public(Everyone can see) Affects Versions: 4.1.0.CR1 Environment: Websphere 8 - RAD 8 - JSF Mojorra 2.1.4 - Spring 3.0.6 Final - Use @Inject @Named @SessionScoped as annotations - Firefox 7.0.1 - Windows 7 (6.1 sp1) - AspectJ 1.6.12 / AJDT Reporter: Jean ANDRE Priority: Blocker Attachments: screenshot-1.jpg See also RF-11750 for the context. Briefly, we have nested tabPanel - The firs tabPanel is made of static and dynamic tabPanel. One tabPanel contains the search form. When the user performs a search and for each search we open a new tab that contains the result list. When the user click on an item, we update the tab with the detailed information. The detailed information is made of 6 tabs - There are like a subtabs from the parent tabs. When we set the switchType to 'client' the tab performs well. But as we want that the same tab serves as form to edit and view the detailed information, we want to refresh the tab to display the inputText instead of the outputText. This is the edit mode. Then, we need to refresh the tab and we decided to pass in ajax switchType for theses subTab. Owener, switching to the 'ajax' triggers a javascript error that blocks the UI. None tab is selectable, user cannot switch from a tab to another tab. Moreover we failed to refresh the tab but the reason is still unknown. Javascript error is : {code} item is undefined - [Stopper sur une erreur] if (!item.disabled && item.getName() === itemName) { toggle...chfaces (ligne 363) http://localhost:12000/crm/javax.faces.resource/togglePanel.js.jsf?ln=org... {code} The involved code is (where >>>> is): {code} /** * @private * */ __getItemIndex : function (itemName) { var item; for (var i = 0; i < this.items.length; i++) { item = this.items[i]; >>>>>> if (!item.disabled && item.getName() === itemName) { return i; } } {code}