📄 .tmp_portal.html~

📁 实现了一个OA系统基本的功能
💻 HTML~
字号:
<html>
<head>
  <title>Portal Sample</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="portal.css" />
    <link rel="stylesheet" type="text/css" href="divo.css" />

    <!-- GC -->
 	<!-- LIBS -->
 	<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
 	<!-- ENDLIBS -->

    <script type="text/javascript" src="../../ext-all.js"></script>

	<script type="text/javascript" src="miframe.js"></script>
    <script type="text/javascript" src="MaximizeTool.js"></script>
    <script type="text/javascript" src="ColumnMenu.js"></script>
    <script type="text/javascript" src="divo.js"></script>
    <script type="text/javascript" src="MyPersist.js"></script>
    <script type="text/javascript" src="MyProfile.js"></script>
    <script type="text/javascript" src="StateProvider.js"></script>

    <script type="text/javascript" src="Portal.js"></script>
    <script type="text/javascript" src="PortalColumn.js"></script>
    <script type="text/javascript" src="PortalDropZone.js"></script>
    <script type="text/javascript" src="Portlet.js"></script>
    <script type="text/javascript" src="StatefulPortal.js"></script>
    <script type="text/javascript" src="PortalState.js"></script>

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

    <script type="text/javascript">
Ext.onReady(function(){

divo.admin.portal.MainPanel = Ext.extend(Ext.Panel, {

	initComponent : function() {
		this.portId = 'admin-portal'

		this.portalMgr = new divo.admin.portal.PortalManager(this.portId)
		
		Ext.apply(this, {
			layout : 'border',
			width:700,
			height:500,
			items : [{
				region : 'center',
				layout : 'fit',
				autoScroll : true,
				tbar : this.portalMgr.getTbar(),
				ctCls : "j-toolbar-dark",
				items : [{
					xtype : 'statefulportal',
					id : this.portId,
					items : [{
						columnWidth : .25,
						style : 'padding:10px 0 10px 10px'
					}, {
						columnWidth : .25,
						style : 'padding:10px 0 10px 10px'
					}, {
						columnWidth : .25,
						style : 'padding:10px 0 10px 10px'
					}, {
						columnWidth : .25,
						style : 'padding:10px 0 10px 10px'
					}]
				}]
			}]
		})

		divo.admin.portal.MainPanel.superclass.initComponent.call(this)
	},
	initPortal : function() {
		this.portalState = new Ext.ux.PortalState()
		this.portalState.init(this.portId,this.myId("state"))
		
		this.portalMgr.init(this.portId, this.portalState)
	
		Ext.ComponentMgr.get(this.portId).on("drop", function() {
			this.portalState.save()
		},this)
	}
})

/*-------------- main --------------------*/
var	mp = new divo.admin.portal.MainPanel({
		id : 'admin-portal'
})
mp.initPortal()
mp.render("container")

})

    </script>

</head>
<body>

<div id="container"></div>

</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -