从树面板单击项目时添加新选项卡

Question

我是EXT.NET的新手，我想要的是来自<EXT:TreePanel>的简单事件，并会反映在<EXT:TabPanel>上。

例如我有<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>

和<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>

当用户点击<EXT:TreePanel>中的任何项目时，我希望它在<EXT:TabPanel>上创建新标签。

Answer 1

我找到了解决方案。而这正是我正在寻找的。见here