SpreadJS拖拽调整FormulaTextBox高度

本例中实现用鼠标拖拽方式调整FormulaTextBox高度，以方便用户查看公式。

示例中使用到了JqueryUI的 draggable 方法，我们也可同时mousemove事件自己实现相同的功能

$("#verticalSplitter").draggable({
    axis: "y",
    containment: "parent",
    scroll: false,
    zIndex: 100,
    stop: function(event, ui) {
        var $this = $(this),
            top = $this.offset().top,
            offset = top - 35,
            $content = $(".fill-spread-content");
        if (offset < 0) {
            offset = 0;
            $(this).css({
                top: 35
            })
        }
        // adjust size of related items
        $("#formulaBarText").css({
            height: (20 + offset)
        }); // 20: original height of formulaBarText
        $content.css({
            top: top + 10
        }); // 10: height of the space for verticalSplitter 
        $content.parent().css({
            height: $content.height()
        });
    }
});

实现原理就是在拖拽结束后，重新设置FormulaTextBox 高度，和相关控件位置

在线演示地址：http://runjs.cn/detail/pz92y3h9

更多资源

SpreadJS中文学习指南：http://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/samples

SpreadJS在线英文产品文档：http://sphelp.grapecity.com/webhelp/SpreadJSWeb/webframe.html#welcome.html

如果您对SpreadJS产品感兴趣，可以到官方网站下载试用：/developer/spreadjs

如果你有疑问，可以到GCDN论坛获得技术支持：http://gcdn.grapecity.com.cn

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商，以“赋能开发者”为使命，致力于通过表格控件、低代码和BI等各类软件开发工具和服务，一站式满足开发者需求，帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年，40余年来始终聚焦软件开发技术，有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的开发者社区和丰富的伙伴生态，与超过3000家合作伙伴紧密合作，产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。