|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ include file="/include/main.jsp" %> <% %>
<html>
<head> <title><%=appTitle%></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF8"> <SCRIPT language=JavaScript src="<%= request.getContextPath() %>/include/common.js"></SCRIPT> <link rel="stylesheet" type="text/css" href="frame/extjs/resources/css/ext-all.css" />
<LINK href="<%= request.getContextPath() %>/hremployee/css/tab.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="frame/extjs/ext-base.js"></script> <script type="text/javascript" src="frame/extjs/ext-all.js"></script> </head> <body>
<script language=JavaScript> var mytest = [{'title': 'aaaa','html':'aaaa1'},{'title': 'bbbb','html':'bbbb2'},{'title': 'cccc','html':'cccc3'}] ; Ext.onReady(function(){ var _panel = new Ext.Panel({ title:"Employee Info", region: 'west', frame:true, collapsible: true, border: false, width:200, layout:"accordion", layoutConfig: { animate: true },items:mytest } ); new Ext.Viewport({ layout: 'border', items: [_panel, { region: 'south', title: 'Title for Panel', collapsible: true, html: 'Information goes here', split: true, height: 100, minHeight: 100 },{ region: 'center', xtype: 'tabpanel', items: [{ title: 'Default Tab', html: 'The first tab\'s content. Others may be added dynamically' },{ title: 'Default Tab2', html: 'The first tab\'s content. Others may be added dynamically2' }] }] }); }); </script> <span id="aa"></span> </body> </html> |
|
|
