Question

如何在Jquery EasyUI面板中捕获事件：区域：西部或区域：中心调整大小？我需要在用户重新调整中心或东区之后刷新一些内容。

<div id="cc" class="easyui-panel" title="Nested Panel" style="height:200px;padding:10px;">
    <div class="easyui-layout" data-options="fit:true">
        <div id="dd" data-options="region:'west',split:true" style="width:100px;padding:10px">
            Left Content
        </div>
        <div id="ee" data-options="region:'center'" style="padding:10px">
            Right Content
        </div>
    </div>
</div>

如何在上面的示例中捕获Div dd或ee？以下代码仅适用于第一次加载。调整div dd或ee

的大小时不起作用

<script>
$(document).ready(function () {
    $(function(){
        $('#cc').panel();
        $('#cc').panel({
            onResize:function(){
                alert("dd");
            }
        });
    });
});
</script>

Answer 1

如果您仍在寻找答案，以下代码允许我保存并恢复easyUI布局面板的大小：

$(document).ready(function() {
    var panel = $('#main-layout').layout('panel', 'south'),
        hsize = localStorage.getItem('SouthPanel_h');

    panel.panel({
        height: hsize > 0 ? hsize : 50,
        onResize: function(height,width) {
            localStorage.setItem('SouthPanel_h', height);
        }
    });
});

Answer 2

jQuery没有这样的事件。你可以试试这个。

http://benalman.com/projects/jquery-resize-plugin

Panel上的Jquery EasyUI捕获事件：region：west resize

2 个答案: