easyui layout获取panel解决办法

easyui layout获取panel
代码如下：

<!DOCTYPE html>

<html>

<head>

	<meta charset="UTF-8" />

    <link rel="stylesheet" type="text/css" href="themes/default/easyui.css">

    <link rel="stylesheet" type="text/css" href="themes/icon.css">

    <script type="text/javascript" src="js/jquery.min.js"></script>

    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>

</head>

<body>

	<div id="cc" class="easyui-layout">

 		<div data-options="region:'north'">

		</div>

		<div data-options="region:'center'">						

		</div>		

		<div data-options="region:'south'">

		</div>

	</div>


<script>

$('#cc').layout('panel','center');

</script>

</body>

</html>

chrome 报错

Uncaught TypeError: Cannot read property 'panels' of undefined

实在找不到原因，请指点
------解决思路----------------------
因为这时候还没生成layout

<body>

    <div id="cc" class="easyui-layout" style="width: 500px; height: 400px;">

        <div data-options="region:'north'" style="height:50px;" title="North">

        </div>

        <div data-options="region:'center'">

        </div>

        <div data-options="region:'south'" style="height:100px;" title="South">

        </div>

    </div>

</body>

</html>

<script>

    $(function () {

        var panel = $('#cc').layout('panel', 'center');

    });

</script>

easyui layout获取panel解决办法

相关推荐