Ext JS 深入浅出---案例 Panels

注意:所需要的Ext文件可从 点击打开链接 文件中获取

1、Basic Panel

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="Ext/resources/css/ext-all.css" rel="stylesheet" />
    <script src="Ext/ext-all.js"></script>
    <script src="Ext/ext-lang-zh_CN.js"></script>
	<meta charset="utf-8" />
</head>
<body>
    <div id="panel">
        <script>
        var panel = new Ext.Panel(
            {
                title: 'Header Icons',
                renderTo:'panel',//绑定控件id
                floating: true,//浮动
                collapsible: true,    //可折叠          
                draggable: true,//可拖拽
                //工具栏
                tools: [
                    { type: 'pin' },
                    { type: 'refresh' },
                    { type: 'search' },
                    { type: 'save' }
                ],
                html: '显示内容',
                pageX: 200,//出现位置距离页面left 200
                pageY: 50,//出现位置距离页面top  200
                width: 200, 
                height:150
            });
        </script>
    </div>   
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_21419015/article/details/80831500