Ajouter un nouvel onglet lorsque vous cliquez sur un élément d'un panneau d'arborescence

Question

Je suis nouveau à EXT.NET et ce que je veux est un événement simple à partir d'un <EXT:TreePanel> et reflétera sur un <EXT:TabPanel>.

Par exemple, j'ai cette <EXT:TreePanel>:

<ext:TreePanel 
      ID="TreePanel1" 
      class="TP1" 
      runat="server" 
      Title="Sample List" 
      Icon="Accept" 
      Height="400" 
      Width="250" 
      UseArrows="true" 
      AutoScroll="true" 
      Animate="true"    
      HideHeaders="true" 
      RootVisible="false"> 
      <Root> 
       <ext:Node> 
        <Children> 
         <ext:Node Text="Employee Management" Icon=ApplicationHome Expandable=true Expanded=true > 
          <Children> 
           <ext:Node Text="List of Employee" Leaf="true" Icon=ApplicationFormMagnify /> 
           <ext:Node Text="Add" Leaf="true" Icon=ApplicationFormAdd /> 
           <ext:Node Text="Edit" Leaf="true" Icon=ApplicationFormDelete /> 
          </Children> 
         </ext:Node> 
        </Children> 
       </ext:Node> 
      </Root> 

      <ColumnModel> 
       <Columns> 
        <ext:TreeColumn ID="TreeColumn1" runat="server" Flex="1" DataIndex="text" /> 
        <ext:CommandColumn ID="CommandColumn1" runat="server" Width="40"> 
         <Commands> 
          <ext:GridCommand CommandName="Edit" Icon="PageWhiteEdit" ToolTip-Text="Edit task" /> 
         </Commands> 
         <PrepareToolbar Handler="return record.data.leaf;" /> 
        </ext:CommandColumn> 
       </Columns> 
      </ColumnModel> 

     </ext:TreePanel> 

et <EXT:TabPanel>:

<ext:TabPanel ID="TabPanel1" runat="server" Region="Center"> 
       <Items> 
        <ext:Panel ID="Panel5" 
         runat="server" 
         Title="Center" 
         Border="false" 
         BodyPadding="6" 
         Html="<h1>Viewport with BorderLayout</h1>" 
         /> 
        <ext:Panel ID="Panel6" 
         runat="server" 
         Title="Close Me" 
         Closable="true" 
         Border="false" 
         BodyPadding="6" 
         Html="Closeable Tab" 
         /> 
       </Items> 
      </ext:TabPanel> 

Lorsque l'utilisateur clique sur un élément de la <EXT:TreePanel> Je veux créer un nouvel onglet sur la <EXT:TabPanel> .

Answer 1

J'ai trouvé une solution. Et c'est exactement ce que je cherche. Voyez here