程序博客网 > asp.net oa系统源码

开始Ext（一）

来源：互联网发布：asp.net oa系统源码编辑：程序博客网时间：2024/06/05 20:03

作者：齐好宗

Ext是什么？

准确的说,Ext是一个基于javascript的GUI库，他能够极大的方便你开发基于web2.0的应用。你可以点击这里了解详细信息。

Ext能做什么？

Ext关注点在于前台UI的展现上，请参考以下界面来决定你是否要使用他

登陆窗口

布局示例

开始Ext之旅

下载ext

Ext目前最新的版本是2.0RC1,我推荐你使用这个版本，因为2.0和目前stable release 的1.1.1版本相比，有以下主要变更：
§        组件模型
§        容器模型
§        布局
§        Grid
§        XTemplate
§        DataView

请点击这里下载Ext 2.0 RC1.下载完毕以后请将ext-2.0-rc1.zip解压到C盘根目录下，目录结构如下图所示：

目录结构

第一个程序HelloWorld

首先在ext-2.0-rc1下建立一下day1的文件夹，然后在day1下建立HelloWorld.html和HelloWorld.js两个文件，如下图所示：

示例目录结构

请打开HelloWorld.html,加入以下代码：

<html>

<head>

<title>Hello World</title>

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

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

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

<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css">

</head>

<body>

</body>

</html>

打开HelloWorld.js加入以下代码：

Ext.onReady(function(){

var helloWindow = new Ext.Window({

title : 'Hello World',

width : 200,

height : 150,

layout : 'fit',

collapsible : true,

closable : true,

maximizable : true,

items : [{

html : '<p> Hello World. </p>'

}],

buttons : [{

text : 'close',

handler : function(){

helloWindow.hide();

}

}]

});

helloWindow.show();

});

使用浏览器打开HelloWorld.html,运行效果如下：

HelloWorld示例

asp.net oa系统源码

asp.net oa系统源码

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子转山转水转佛塔魏晋南北朝佛塔佛塔的五种类型小叶紫檀佛塔缅甸翡翠佛塔无佛塔手串打结手串佛塔打结图解博达哈大佛塔宣化战国红我转山转水转佛塔不为修来生那一世转山转水转佛塔那一世我转山转水转佛塔仓央嘉措转山转水转佛塔佛头果佛头着粪纯银佛头佛头金刚结拳霸佛头佛珠佛头玉佛头吊坠佛头朝向手串佛头三通佛头佛头图片佛头怎么穿佛头纹身佛头黑陶佛头寓意佛头项链橄榄佛头黄水晶佛头佛头刺青佛头车刀穿佛头佛头案佛头结怎么打佛头三通图片手串佛头图片手串佛头打结白玉菩提根佛头佛头纹身图案