extjs入门之helloword

原创 2013年12月04日 10:00:06

最近因为工作的需要,要了解一点关于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>
 

 

ExtJs5.0 入门 编写第一个网页Hello World

此文章借鉴官网官方文档http://docs.sencha.com/extjs/5.0/getting_started/welcome_to_extjs.html。 首先下载extjs5.0,下载地...
  • tingyuanss
  • tingyuanss
  • 2015年04月09日 11:05
  • 2218

ExtJS学习之HelloWorld

ExtJS学习之HelloWorld ExtJS学习的第一步,如何开始学习ExtJS
  • jie1031066280
  • jie1031066280
  • 2014年02月25日 17:28
  • 1353

【ExtJs】ExtJs4.2.1的配置与Helloworld

ExtJs在2.x之后如果用于商业用途将会收费,在官网如果要下载就要给钱,但是完全传说中有个gpl版本,可以随便用,不过法律上的问题就不是我们程序猿细究的事情了。至少自己弄来玩玩是不会有什么问题的。E...
  • yongh701
  • yongh701
  • 2015年04月22日 11:01
  • 2387

EXTJS4.0入门学习

(function () {//页面加载完之后会自动执行这个函数 //自定义一个验证器 Ext.apply(Ext.data.validations,{ age:fun...
  • yezhuanxu
  • yezhuanxu
  • 2016年11月28日 16:01
  • 386

ExtJS快速入门指南

1 ExtJS快速入门指南 一、ExtJS 框架简介...........................................................................
  • heyuanjia520
  • heyuanjia520
  • 2013年11月15日 14:40
  • 18575

extjs之HelloWord——按钮编码问题

ExeJS页面开发乱码问题——按钮乱码 如何使用ExtJS
  • jie1031066280
  • jie1031066280
  • 2014年02月25日 13:19
  • 807

ExtJs6入门-使用SenchaCmd命令创建第一个ExtJs6的HelloWorld项目

如何使用SenchaCmd命令创建一个简单的ExtJs6项目?本篇博客带你使用SenchaCmd命令一步一步的去创建一个ExtJs6的HelloWorld项目,每一步都做了详细的图文介绍,如果有什么地...
  • zgd826237710
  • zgd826237710
  • 2017年06月15日 16:59
  • 1161

PowerShell的CmdLet开发的HelloWorld

导读:   安装完windows Vista SDK后,终于可以开始CmdLet的开发了.如果安装了Samples的同学,可以直接去看示例:X:/Program Files/Microsoft SD...
  • zhangyunbo1116
  • zhangyunbo1116
  • 2007年11月09日 16:14
  • 751

ExtJS6笔记-第1章入门

Ext JS的认识 1.ExtJS 写起来代码就像 Java 一样,非常严谨,非常面向对象。缺点就是在前端 JS 库中属于比较重量级 2.Ext JS 就是一个客户端的 JavaScript 框架  ...
  • nanYangTangHeGuoTan
  • nanYangTangHeGuoTan
  • 2017年02月04日 13:23
  • 1390

IOS 初级开发入门教程(二)第一个HelloWorld工程及StoryBoard使用

前言 在IOS开发之路的博文第一章:(IOS开发入门介绍http://blog.csdn.net/csdn_aiyang)我大致系统介绍了有关IOS的一些基础认识,如果不完全都记住没关系,以后我们开...
  • csdn_aiyang
  • csdn_aiyang
  • 2017年08月23日 15:17
  • 800
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs入门之helloword
举报原因:
原因补充:

(最多只允许输入30个字)