extjs入门之helloword

最近因为工作的需要,要了解一点关于extjs方面的知识,自己看着视频想入门,写一个简单的helloword,但是不知道怎么开始,在网上查了相关的资料,没有拿来直接用的,都是代码,我在这里就自己上传一个可以直接使用的demo,希望大家能够直接看着代码和效果

 

1、导入必须的js和css样式

ext-all.css 和ext-all.js,还有底层驱动ext-base.js

 

2、自定义一个JS(helloword.js)

 

Ext.namespace("Ext.hb"); // 定义一个命名空间
Ext.hb.Person=Ext.emptyFn;

Ext.apply(Ext.hb.Person.prototype,{
			name:"黄彪"
		});

 3、html页面引用

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../lib/ext-all.css" />
<!-- 引入Ext库文件,底层驱动 -->
	<script type="text/javascript" src="../lib/ext-base.js"></script>
    <script type="text/javascript" src="../lib/ext-all.js"></script>
	<script type="text/javascript" src="helloword.js"></script>
</head>
<script type="text/javascript">
var person = new Ext.hb.Person();
alert(person.name);
person.name="刘梅";
alert(person.name);
</script>
<body>
    
</body>
</html>
 

 

你可能感兴趣的:(ExtJs)