沉睡森林@漂在北京

本处文章除注明“转载”外均为原创,转载请注明出处。

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  152 随笔 :: 4 文章 :: 114 评论 :: 0 Trackbacks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
<title>Tabs Example</title>
    
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    
    
<!-- GC -->
     
<!-- LIBS -->
     
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
     
<!-- ENDLIBS -->


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

    
<!-- Tabs Example Files -->
     

    
</head>
<body>
<script>
Ext.onReady(
function(){
    
function func_loadTab1(){
        window.frames['tab1
-frame'].location = 'ajax3.htm';
    }
    
var queryForm = new Ext.form.FormPanel({
        title:'query form',
        region:'west',
        width:
150,
        items:[{fiedLabel:'username'}],
        buttons:[{text:'auto load1',handler:func_loadTab1}]
    });
    
var tabs = new Ext.TabPanel({
        activeTab: 
0,
        region:'center',
        width:
600,
        height:
250,
        plain:
true,
        defaults:{autoScroll: 
true},
        items:[{
            id:'tab1',
            name:'tab1',
             title: 'Ajax Tab 
1',
             html:'
<iframe scrolling="auto" name="tab1-frame" frameborder="0" width="100%" height="100%" src="ajax1.htm"></iframe>'
        },{
             title: 'Ajax Tab 
2',
            html:'
<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="ajax2.htm"></iframe>'
        }]
    });
    
    
var viewport = new Ext.Viewport({
         layout:'border',
         items:[queryForm,tabs]
    });
});    
    
</script>


</body>
</html>
posted on 2009-06-16 22:46 王总兵 阅读(1779) 评论(0)  编辑  收藏 所属分类: Ext

只有注册用户登录后才能发表评论。


网站导航: