您的位置:首页 > 其它

项目建立和Ext结构说明

2011-12-14 20:22 323 查看
一、Ext4.0目录结构说明

1.Docs:说明文档

2.examples:例子

3.新建一个项目需要应用的单元和目录:



首先选中这些单元和目录:<Ctrl>+<C>-->在项目中选中要粘贴的目录<Ctrl>+<V>即可

二、项目建立

1.开发工具VS2010

2.新建项目:File->New->Project->"ASP.NET Web Application",并选中目录和程序名称

3.删除不需要的文件和目录,添加自己需要的文件和目录

添加ExtJs目录:存放ExtJs源文件

添加JS目录:存放自己写的Js文件

添加HTMLpage1.htm

目录结构如下:



4.添加htm页面(HTMLPage1.htm)

4.1首先添加引用:

<link href="ExtJs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="ExtJs/bootstrap.js" type="text/javascript"></script>

在ExtJs目录找到ext-all.css和文件bootstrap.js直接拖动到htm页面的<title>下面即可

4.2创建自己的js文件,首先拖动到当前的htm页面中,如下:

。。。。

<head>
<title></title>
<link href="ExtJs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="ExtJs/bootstrap.js" type="text/javascript"></script>
<script src="JS/JScript1.js" type="text/javascript"></script>
</head>
。。。。
4.3编写自己的js文件内容:


一个hello word程序即建立完毕!

谢谢曾珣的帮助:-)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: