Dec 25, 2013, 7:32 AM
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
expand panel
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 panelexpand panel
Last edited by necpoctt; Dec 25, 2013 at 7:50 AM.