easyUI中在js调整layout中的高度

<div id="cc" class="easyui-layout" style="margin:20px;width:95%;height:650px;">
    <div data-options="region:'west'" style="width:70%;">
        <div id="left-Content" class="easyui-tabs" style="width:97%;height:100%;toolPosition:right"></div>
    </div>
    <div data-options="region:'center',title:'已选择单位'" style="padding:5px;width: 30%">
        <span id="chooseNum"></span>
        <div>
            <ul id="chooseList">
            </ul>
        </div>
    </div>
    <div data-options="region:'south'" id="bottomtUi" style="height:60px;vertical-align: middle;display: table-cell">
       
    </div>
</div>

js中

function setHeight(){
		var win_width = $("#cc").width();
		$('#cc').layout();    
		var w=$('#cc').layout('panel',"west");
		var p=$('#cc').layout('panel',"south");
		var c=$('#cc').layout('panel',"center");
		w.panel('resize',{height:win_width*0.8});
		c.panel('resize',{height:win_width*0.8});
		p.panel('resize',{height:"60px"});
    }

猜你喜欢

转载自blog.csdn.net/qq_20594019/article/details/99840532
今日推荐