作者在 2008-03-20 10:53:20 发布以下内容
嗯，暂时了解一点关于Ext的东西了...按照最简单的，做了一个window，里面有个tab...
页面：window.html:
然后是window.js:
Ext的这种语法开始习惯点了。先从简单的组件开始一个一个学，然后再说复杂的吧。
页面：window.html:
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><
html><
head><
meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><
title>Another Window</title><
link rel="stylesheet" type="text/css" href="exts/ext-all.css" /><
script type="text/javascript" src="exts/ext-base.js" ></script><
script type="text/javascript" src="exts/ext-all.js" ></script><
script type="text/javascript" src="js/window.js" ></script></
head><
body><
div id="window" class="x-hidden"> <div class="x-window-header">Hello Dialog</div> <div id="tabs"> <div class="x-tab" title="Tab1"> <p>Hello...</p> </div> <div class="x-tab" title="Tab2"> <p>...World!</p> </div> </div></
div></
body></
html>然后是window.js:
Ext.onReady(
function(){var
my_tab = new Ext.TabPanel({ el: 'tabs',autoTabs:
true,activeTab: 0,
border:
false,deferredRender:
false}
); var win = new Ext.Window({ el:'window',animateTarget:
'window',layout:
'fit',width: 300,
height: 200,
items: [my_tab],
plain:
true}
);win.show();
}
);Ext的这种语法开始习惯点了。先从简单的组件开始一个一个学，然后再说复杂的吧。
