Collapsed panel header onmouseover no work

  1. #1

    Collapsed panel header onmouseover no work

    Hello everyone , i use ext.net 2.3.1

    i want onmouseover Collapsed panel header expand();

    and onmouseout panel body collapse();

    but just work onmouseout collapse ,

    onmouseover expand not work;

    panel.header.el.on no work; panel.header.on no work;

    help , thanks all

      <script type="text/javascript">
    var initTree = function (panel) {
                panel.body.on('mouseout', function (event) {
                    if (!event.within(panel.body, true)) {
                        panel.collapse();
                    }
                }, panel);
    
                panel.header.el.on('mouseover', function (event) {
                    panel.expand();
                }, panel);
            };
     </script>
        <ext:Panel runat="server" AutoScroll="true" Region="West" ID="pnlSettings" Collapsed="true"
                    Header="true" Title="system" Width="200">
                    <Items>
                        <ext:TreePanel ID="TreePanelleft" runat="server" Width="400" AutoScroll="true">
                            <TopBar>
                                <ext:Toolbar ID="Toolbar1" runat="server">
                                    <Items>
                                        <ext:Button ID="btnExpandAll" runat="server" Text="expandAll">
                                            <Listeners>
                                                <Click Handler="#{TreePanelleft}.expandAll();" />
                                            </Listeners>
                                        </ext:Button>
                                        <ext:Button ID="btnCollapseAll" runat="server" Text="collapseAll">
                                            <Listeners>
                                                <Click Handler="#{TreePanelleft}.collapseAll();" />
                                            </Listeners>
                                        </ext:Button>
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                            <Root>
                            </Root>
                            <Listeners>
                                <ItemClick Handler="setContent(record.data.dataPath,record.data.id,record.data.qtitle);" />
                            </Listeners>
                        </ext:TreePanel>
                    </Items>
                    <Listeners>
                        <AfterRender Fn="initTree" />
                    </Listeners>
                </ext:Panel>
    Collapsed panel
    Click image for larger version. 

Name:	1.jpg 
Views:	6 
Size:	33.6 KB 
ID:	7406

    expand panel
    Click image for larger version. 

Name:	2.jpg 
Views:	9 
Size:	34.5 KB 
ID:	7407
    Last edited by necpoctt; Dec 25, 2013 at 7:50 AM.
  2. #2
    it's work

    use panel.placeholder.el.on

    so nice

Similar Threads

  1. [CLOSED] Checkbox error onmouseover
    By marco.morreale in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 13, 2013, 4:13 PM
  2. Replies: 0
    Last Post: Oct 08, 2012, 7:33 AM
  3. Replies: 1
    Last Post: Jan 26, 2011, 3:07 PM
  4. Replies: 8
    Last Post: Jun 28, 2010, 8:20 AM
  5. Replies: 0
    Last Post: May 27, 2009, 6:50 AM

Tags for this Thread

Posting Permissions