coolite里如何将menupanel的MenuItem值动态显示在panel里的TextField里

gaofenfei 2009-12-07 11:08:41

官方MenuPanel例子,将选中的MenuItem值动态显示在右边的panel的body里，代码如下

<script type="text/javascript">



        function MenuItemClick(menuItem) {



            CenterPanel.body.update(String.format("Clicked: {0}", menuItem.text)).highlight();            



        }



        



    </script>







——————————————————————————————————————————————————————————————



  <ext:Window runat="server" 



            Title="MenuPanel Window" 



            Icon="Accept"



            Closable="false" 



            CenterOnLoad="true" 



            Width="600" 



            Height="370" >



            



            <Body>



                <ext:BorderLayout runat="server">



                    <West Split="true">



                        <ext:Panel runat="server" Border="false" Width="350">



                            <Body>



                                <ext:Accordion runat="server">



                                    <ext:MenuPanel runat="server" Title="Menu panel with selection saving" Icon="ArrowSwitch">



                                        <Menu>



                                            <Items>



                                                <ext:MenuItem runat="server" Text="Point 1" Icon="ArrowRight" />



                                                <ext:MenuItem runat="server" Text="Point 2" Icon="ArrowRight" />



                                                <ext:MenuItem runat="server" Text="Point 3" Icon="ArrowRight" />



                                                <ext:MenuItem runat="server" Text="Point 4" Icon="ArrowRight" />



                                                <ext:MenuItem runat="server" Text="Point 5" Icon="ArrowRight" />



                                                <ext:MenuItem runat="server" Text="Point 6" Icon="ArrowRight" />



                                                <ext:MenuItem runat="server" Text="Point 7" Icon="ArrowRight" />



                                                <ext:MenuItem runat="server" Text="Point 8" Icon="ArrowRight" />



                                                <ext:MenuItem runat="server" Text="Point 9" Icon="ArrowRight" />



                                            </Items>



                                            <Listeners>



                                                <ItemClick Fn="MenuItemClick" />



                                            </Listeners>                                            



                                        </Menu>                                        



                                    </ext:MenuPanel>



                                                                                                                    </ext:Accordion>



                            </Body>



                        </ext:Panel>



                    </West>



                    <Center>



                        <ext:Panel ID="CenterPanel" runat="server" Title="Center" BodyStyle="padding:20px;">



                             <Body>



                                 <ext:FormLayout ID="FormLayout2" runat="server" LabelWidth="120">



                                    <ext:Anchor>



                                         <ext:TextField runat="server" ID="txtContact_name"  ></ext:TextField>



                                    </ext:Anchor>



                                 </ext:FormLayout>



                            </Body>                        </ext:Panel>



                    </Center>



                </ext:BorderLayout>



            </Body>



        



        </ext:Window>