Extjs and VS2005(C#)之如何把Extjs 加入到项目中去....

 

在项目中如何把Extjs加入到项目中呢.....作为新手，刚开始，我也觉得很困惑，怎么会要加这么多东东。呵呵，可能刚开始都会有这样感觉吧~！好啦，下面就开始吧。。。。

首先要把Ext js 中一些主要js文件和css文件copy到项目中去（如果你只是为了做实验或学习用，建议全copy过去...相关的资料你可以到http://extjs.com/去下载）

接下来，通过加入一个Panel:

面板是一种为面向应用程序用户界面构建最佳的单元块，一种特定功能和结构化组件。 面板包含有底部和顶部的工具条，连同单独的头部、底部和body部分。 它提供内建都得可展开和可闭合的行为，连同多个内建的可制定的行为的工具按钮。 面板可简易地置入任意的容器或布局，而面板和渲染管线（rendering pipeline）则有框架完全控制

 

效果如下：（中间字打错啦，是文字什么的html片段...嘿嘿）

:首先建立一个panel.aspx页面

 

<head runat="server">
    <title>Panel</title>
   
    <link rel="stylesheet" type="text/css" href="Css/Main.css" />
   
    <link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" />
   
    <script type="text/javascript" src="Ext/adapter/ext/ext-base.js"></script>
   
    <script type="text/javascript" src="Ext/ext-all.js"></script>
  --------上面是一些必要的js库，下面的是手写js文件，记住一定要加进来哦，不然会报没有定义等错误哦--------------

   <script type="text/javascript" src="testJs/myPanel.js"></script>

 


</head>

<body>
 <div  id="myPanel">
 </div>
</body>

 

接下来开始写js文件：myPanel.js

Ext.onReady(function(){                    
new Ext.Panel({  
renderTo:"myPanel",         //容器渲染的那个节点的id,或是DOM节点，又或者是与DIV相当的现有元素。               
title:"myPanel",  
width:400,  
height:300, 
collapsible:true, 
html:'<h1>这里可以加放一些文件什么的......</h1>',  
tbar:[{text:'文件'},{text:'编辑'},{text:'视图'}],  
bbar:[{text:'底部工具栏'}]   
});
});

 

好啦，今天就先写这一个啦，以后我会继续放一些例子在上面....

posted @ 2008-12-29 17:12  Haisen  Views(3652)  Comments(6)    收藏  举报