title: Fields in a Dojo TabContainer will not switch to edit mode
body: <pre><code>Why would an Edit button not change the fields in a Tab Container into Edit Mode? Fields outside the Container change mode as expected, but anything inside the Container remains in Read Mode. Is there a setting I need to change in the Dojo Container?
  
      &lt;xp:button value="Edit" id="editButton"
      rendered="#{javascript:!doc1.isEditable();}" style="text-align:left"&gt;
      &lt;xp:eventHandler event="onclick" submit="true" refreshMode="complete"&gt;
      &lt;xp:this.action&gt;
      &lt;xp:changeDocumentMode mode="edit" var="doc1"&gt;&lt;/xp:changeDocumentMode&gt;
      &lt;/xp:this.action&gt;
      &lt;/xp:eventHandler&gt;
      &lt;/xp:button&gt;
  </code></pre>
  
  <p>Update as requested by Jeremy    </p>
  
  <p>The TabContainer holds the TabPanes which are made of of individual custom controls. When I switch to edit mode using the button above, only the fields outside the Container are editable. (SO required me to add more text to explain the code)</p>
  
  <pre><code> &lt;?xml version="1.0" encoding="UTF-8"?&gt;
      &lt;xp:view xmlns:xp="http://www.ibm.com/xsp/core"
          xmlns:xc="http://www.ibm.com/xsp/custom" dojoTheme="true"
          dojoParseOnLoad="true" xmlns:xe="http://www.ibm.com/xsp/coreex"&gt;        
         &lt;script type="text/javascript"&gt;
              dojo.require("dijit.layout.ContentPane");
              dojo.require("dijit.layout.TabContainer");
          &lt;/script&gt;        
          &lt;xc:header&gt;&lt;/xc:header&gt;         
          &lt;xe:djTabContainer id="djTabContainer1"
              style="height:975px;width:1000px;margin"&gt;        
              &lt;xe:djTabPane id="djTabPane1" title="Prospect / Broker"&gt;
                  &lt;xc:panel1&gt;&lt;/xc:panel1&gt;
              &lt;/xe:djTabPane&gt;
              &lt;xe:djTabPane id="djTabPane2" title="History"&gt;
                  &lt;xc:panel2&gt;&lt;/xc:panel2&gt;
              &lt;/xe:djTabPane&gt;
              &lt;xe:djTabPane id="djTabPane3" title="Vendor / Quote"&gt;
                  &lt;xc:panel3&gt;&lt;/xc:panel3&gt;
              &lt;/xe:djTabPane&gt;
              &lt;xe:djTabPane id="djTabPane4" title="Supporting Attachments"&gt;
                  &lt;xc:panel4&gt;&lt;/xc:panel4&gt;
              &lt;/xe:djTabPane&gt;
              &lt;xe:djTabPane id="djTabPane5" title="Sign and Submit"&gt;
                  &lt;xc:panel5&gt;&lt;/xc:panel5&gt;
              &lt;/xe:djTabPane&gt;        
          &lt;/xe:djTabContainer&gt;        
      &lt;/xp:view&gt;
  </code></pre>
  
  <p>This is an except of one of the Custom Controls</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;xp:view xmlns:xp="http://www.ibm.com/xsp/core" dojoParseOnLoad="true" dojoTheme="true"&gt;
  &lt;xp:panel&gt;
  &lt;fieldset class="fieldGroup"&gt;
  &lt;legend&gt;&amp;#160;PROSPECT INFORMATION&amp;#160;&lt;/legend&gt;
  &lt;xp:table style="width:90%"&gt;
  &lt;xp:tr&gt;
  &lt;xp:td style="width:20%"&gt;
  &lt;xp:label value="Employer Name:"
  id="pREmpName_Label1" for="pREmpName1"&gt;
  &lt;/xp:label&gt;
  &lt;xp:label id="label35" style="color:rgb(255,0,0);font-weight:bold font-size:14pt" value="*" rendered="# {javascript:doc1.isEditable();}"&gt;
  &lt;/xp:label&gt;
  &lt;/xp:td&gt;
  &lt;xp:td style="width:35%"&gt;
  &lt;xp:inputText value="#{doc1.PREmpName}"
  id="pREmpName1" style="width:250px"&gt;
  &lt;xp:this.validators&gt;
  &lt;xp:validateRequired
  message="Employer Name is required (PROSPECT INFORMATION)"&gt;
  &lt;/xp:validateRequired&gt;
  &lt;/xp:this.validators&gt;
  &lt;xp:this.required&gt;&lt;![CDATA[#{javascript:if( @IsDocBeingSaved()==1){return true} else {return false}
  }]]&gt;&lt;/xp:this.required&gt;
  &lt;/xp:inputText&gt;&lt;/xp:td&gt;
  </code></pre>