FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 3640|回复: 5
打印 上一主题 下一主题

请教如何用js控制region面板的收缩展开?

[复制链接]
跳转到指定楼层
楼主
发表于 2013-3-7 07:34:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 夏雨雪(joe) 于 2013-3-8 08:35 编辑

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


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
推荐
 楼主| 发表于 2013-3-8 08:33:07 | 只看该作者
我自己终于实现了,记录一下。
<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()  即可折叠、展开底部面板了。
板凳
发表于 2013-3-11 02:51:10 | 只看该作者
留个记号
地板
发表于 2013-6-4 20:50:55 | 只看该作者
mark,学习一下!
5#
 楼主| 发表于 2013-6-5 07:57:45 | 只看该作者
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();
            });

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

有更好的方法,监听面板的事件,进行处理。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-25 03:03 , Processed in 0.046208 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表