FineUI 官方论坛

标题: 请教如何用js控制region面板的收缩展开？ [打印本页]

作者: 夏雨雪(joe) 时间: 2013-3-7 07:34
标题: 请教如何用js控制region面板的收缩展开？
本帖最后由夏雨雪(joe) 于 2013-3-8 08:35 编辑

如图，我想通过js来控制region面板的展开和收缩。研究了很久，不知如何实现。extjs不是很熟，请教各位大侠！[attach]1838[/attach]
手动点击红色位置，可以收缩或展开，但我想通过js来实现，比如点击按钮，执行收缩底部region 面板。

作者: 夏雨雪(joe) 时间: 2013-3-8 08:33
我自己终于实现了，记录一下。
<script type="text/javascript">
      function onReady() {
         splitPannelfn = function () {
            var w = Ext.getCmp('<%= regionButtom.ClientID %>');
            alert(w.collapsed);
            w.collapsed ? w.expand() : w.collapse();
            return false;
         }
      }
</script>

在需要控制的地方，调用该js函数 splitPannelfn()  即可折叠、展开底部面板了。

作者: yygy 时间: 2013-3-11 02:51
留个记号

作者: delphi9 时间: 2013-6-4 20:50
mark，学习一下！

作者: 夏雨雪(joe) 时间: 2013-6-5 07:57
function onReady() {
         var regPanel = Ext.getCmp('<%= regionButtom.ClientID %>'); //extjs 面板对象
         var jqPanel = $("#<%= regionButtom.ClientID %>"); //Jquery面板对象

         // 面板事件监听 *********************************************************/
         regPanel.on("collapse", function (e) {
            splitPageHeight = 0;
         });

         regPanel.on("expand", function (e) {
            splitPageHeight = jqPanel.height();
         });

         regPanel.on("resize", function (e) {
            splitPageHeight = jqPanel.height();
         });

         // 面板事件监听 *********************************************************/
}

有更好的方法，监听面板的事件，进行处理。

作者: 蒙奇.D.二毛 时间: 2013-6-21 09:32
mark~~~~~!

欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/)