ext 搭的一个简单框架[转]-CSDN博客

本文链接：https://blog.csdn.net/iteye_20054/article/details/82412279


<html>
<head>
<link rel="stylesheet" type="text/css" href="./ext2.0/resources/css/ext-all.css"/>
<script type="text/javascript" src="./ext2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./ext2.0/ext-all.js"></script>

<script>
Ext.onReady(fn);

function fn()
{

  var menu1= new Ext.menu.Menu({
     id:"1Menu",
  items:[{
    text:"新建/打开用户    Ctrl+O",
    href:"bb.html",
    hrefTarget:"_blank"
  },{
    text:"备份数据库"
  },{
    text:"恢复数据库"
  },{
    text:"压缩数据"
  },'-',{
    text:"导入",
    menu:{
      items:[
      {
     text:"人脉",
     menu:{
       items:[
    {text:"CSV"},
    {text:"vCard(名片)"},
    {text:"OutLook联系人"},
    {text:"Access文件"}
    ]
     }
   },{
     text:"任务",
     menu:{
       items:[
      {text:"CSV"},
      {text:"Access文件"}
    ]
     }
   },{
     text:"日程",
     menu:{
       items:[
      {text:"CSV"},
      {text:"Access文件"}
    ]
     }
   }
   ]
    }
  },{
    text:"导出",
    menu:{
       items:[
    {
        text:"人脉",
     menu:{
       items:[
    {text:"CSV"},
    {text:"vCard(名片)"},
    {text:"OutLook联系人"},
    {text:"Access文件"}
    ]
     }
   },{
     text:"任务",
     menu:{
       items:[
      {text:"CSV"},
      {text:"Access文件"}
    ]
     }
   },{
     text:"日程",
     menu:{
       items:[
      {text:"CSV"},
      {text:"Access文件"}
    ]
     }
   }
   ]
    }
  },{
    text:"OutLook同步",
    menu:{
      items:[
     {
     text:"人脉",
     menu:{
      items:[
       {text:"从成功助理同步到outlook"},
          {text:"从outlook同步到成功助理"},
          {text:"双向同步"}
   ]
     }},
     {text:"任务",
     menu:{
      items:[
       {text:"从成功助理同步到outlook"},
          {text:"从outlook同步到成功助理"},
          {text:"双向同步"}
   ]
     }},
     {text:"日程",
     menu:{
      items:[
       {text:"从成功助理同步到outlook"},
          {text:"从outlook同步到成功助理"},
          {text:"双向同步"}
   ]
     }}
   ]
    }
  },"-",{
    text:"密码保护",
    icon:"./img/密码箱.ico"
  },{
    text:"取消密码保护"
  },"-",{
    text:"退出                 Alt+F4"
  }]
   });

   var menu2=new Ext.menu.Menu({
      id:"2Menu",
   items:[
     {text:"新建备忘录   Shift+Ctrl+M",icon:"./img/备忘.ico"},
  {text:"新建任务       Shift+Ctrl+K",icon:"./img/任务.ico"},
  {text:"新建日程       Shift+Ctrl+A",icon:"./img/日程.ico"},
  {text:"新建人脉       Shift+Ctrl+C",icon:"./img/人脉.ico"},
  {text:"新建文章       Shift+Ctrl+J",icon:"./img/文章.ico"},
  "-",
  {text:"全选"},
  {text:"反向选择"},
  "-",
  {text:"超级搜查",icon:"./img/查找.ico"},
  {text:"到今天              Ctrl+T"}]
   });

   var menu3=new Ext.menu.Menu({
       id:"3Menu",
    items:[
      {text:"成功今日   Ctrl+1"},
  {text:"工作篮       Ctrl+2"},
  {text:"日程表       Ctrl+3"},
  {text:"任务           Ctrl+4"},
  {text:"人脉           Ctrl+5"},
  {text:"日记资料   Ctrl+6"},
  {text:"备忘录       Ctrl+7"}
    ]
   });

   var menu4=new Ext.menu.Menu({
      id:"4Menu",
   items:[
     {text:"密码保险箱   Ctrl+8",icon:"./img/密码箱.ico"},
  {text:"定时关机",icon:"./img/定时关机.ico"},
  {text:"计算器"},
  "-",
  {text:"成功咨询      Ctrl+9"},
  {text:"选项"}
   ]
   });

   var menu5=new Ext.menu.Menu({
      id:"5Menu",
   items:[
     {text:"帮助目录      F1"},
  {text:"在线帮助"},
  {text:"反馈和建议",icon:"./img/house.ico"},
  {text:"自动升级"},
  "-",
  {text:"注册软件"},
  "-",
  {text:"官方网站"},
  {text:"关于成功助理"}
   ]
   });

   var tb = new Ext.Toolbar({
   region:"north",
   items:[{
            text:'文件(F)',
            menu: menu1  // assign menu by instance
        },
  {
      text:'操作(O)',
   menu:menu2
  },
  {
      text:'视图(V)',
   menu:menu3
  },
  {
      text:'工具(T)',
   menu:menu4
  },
  {
      text:'帮助(H)',
   menu:menu5
  }]
   });



    var tabs = new Ext.TabPanel({
            region: 'center',
            margins:'3 3 3 0',
            activeTab: 0,
            defaults:{autoScroll:true},

            items:[{
                title: 'Bogus Tab',
                html: "Ext.example.bogusMarkup"
            },{
                title: 'Another Tab',
                html: "Ext.example.bogusMarkup"
            },{
                title: 'Closable Tab',
                html: "Ext.example.bogusMarkup",
                closable:true
            }]
        });

        // Panel for the west
        var nav = new Ext.Panel({
            title: 'Navigation',
            region: 'west',
            split: true,
            width: 150,
            collapsible: true,
            margins:'3 0 3 3',
            cmargins:'3 3 3 3'
        });

        var win = new Ext.Window({
            title: '成功助理  专业时间管理软件',
            closable:true,
            width:600,
            height:350,
            plain:true,
   maximizable:true,
            layout: 'border',

            items: [tb,nav, tabs]
        });

        win.show();
}
</script>
</head>
<body>
</body>
</html>