ext 搭的一个简单框架[转]

张玉龙

浏览: 737208 次
性别:
来自: 沈阳

最近访客更多访客>>

bjcms

繁星水

flyfoxs

sunzeping

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类


<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:"新建/打开用户&nbsp;&nbsp;&nbsp;&nbsp;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:"退出&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Alt+F4"
  }]
   });

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

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

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

   var menu5=new Ext.menu.Menu({
      id:"5Menu",
   items:[
     {text:"帮助目录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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: '成功助理&nbsp;&nbsp;专业时间管理软件',
            closable:true,
            width:600,
            height:350,
            plain:true,
   maximizable:true,
            layout: 'border',

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

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

分享到：