JSP 前端的一些应用

Ext标签库

一、Ext.VeiwPort 代表整个浏览器显示区域，该对象渲染到页面的body 区域，并会随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort 实例。

<script type="text/javascript">
<!--
    viewwindow = function(){
       new Ext.Viewport({
       enableTabScroll:true,
        layout:"border",//采用fit布局
        items:[
         {
          title:"面板的标题",
          html:"面板中的主体内容部分",
          bbar:[
             {text:"按钮1"},
             {text:"按钮2"}]
         }]
      });
    });
//-->

Ext.onReady(viewwindow);

</script>

　　

二、 在Viewport之中可以定义Panel

var contentPanel = new Ext.TabPanel({
     region = 'center',
     enableTabScroll: true,
     activeTab: 0,
     items:[{
         id: 'homepage',
         title: '信息列表'，
         html: '...'
     }]
}),
   

三、Ext的reload方法

 

四、返回界面的局部刷新