- 浏览: 658250 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (609)
- java (139)
- 数据库 (107)
- 微信 (23)
- IT生活 (5)
- web前端 (74)
- SSH (11)
- 设计模式 (12)
- 重要资料 (11)
- 其他 (15)
- java技巧 (23)
- 服务器 (9)
- 2D/GUI (3)
- JAVA3D (2)
- ANT (5)
- Apache项目 (19)
- 数据类型 (10)
- 报表 (3)
- Collections (6)
- SQL/JDBC (15)
- 开发类 (6)
- EJB (6)
- Email (6)
- 文件读写 (2)
- 游戏 (0)
- Flex (2)
- Generic (2)
- HIbernate (12)
- I18N (5)
- Java EE (9)
- java ME (4)
- JDK 6 (8)
- JNDI/LDAP (5)
- JSP (7)
- JSTL (2)
- 正则表达式 (2)
- 安全 (2)
- Struts2 (12)
- Spring (4)
- Web服务 (10)
- Xml (1)
- JavaScript (30)
- AJAX (7)
- 验证 (4)
- 上传下载 (1)
- office办公软件 (1)
- Android (2)
- IOS (0)
- Dubbo (3)
- memcached/redis (1)
- 小程序 (1)
- 微信公众号 (0)
最新评论
-
wf_wangfeng:
怎么我用第一种方法不行呢 alert(document.rea ...
当jsp页面完全加载完成后执行一个js函数 -
Lori_Liu:
有帮助,至少可以解决了目前所遇到的问题!谢谢..
当jsp页面完全加载完成后执行一个js函数 -
starbhhc:
String actionMessage = new Stri ...
Java读取txt文件乱码 -
starbhhc:
Sev7en_jun 写道GOOD
客气,互相交流。。
javaeye论坛规则小测验(答案)--star -
Sev7en_jun:
GOOD
javaeye论坛规则小测验(答案)--star
extjs学习笔记(一) 一些基础知识
相信很多人对使用js进行客户端的编程比较头大,其实现在已经有了很多优秀的js库,可以大大简化js编程的工作量,其中,jquery和extjs就是两款非常优秀的js库。我在项目中已经频繁使用了jquery,这次主要是学习使用extjs,但现有的教程基本都是针对2.0的,而且后台用到的语言也很少是.net平台下的C#,所以我打算针对3.0版,后台使用C#,记录下自己的学习过程,希望能和志同道合的朋友一起探讨,共同进步。
extjs的官方网站是http://www.extjs.com,目前最高版本是3.0.2,但是只有3.0.0的才没有任何下载限制,可以点击这里下载3.0版的。下载来的压缩包里边包含压缩后的extjs库,调试时用到的库,具有可读性的源代码,文档和例子。在开始之前,不妨先看下examples文件夹下的例子,对extjs有一个感性的认识,如果你觉得例子里边的效果让你心动,那么就一起开始extjs的学习之旅吧。
首先明确下我们需要引用的文件,包括adpter/ext/ext-base-debug.js,ext-all-debug.js和整个resource文件夹,当然,多数情况下,我们还需要ext-lang-zh_CN.js进行中文的本地化,该文件在src/locale目录下。因为是学习阶段,所以我们使用了debug版本,在实际的项目中,发布的时候要使用压缩后的版本以减小文件体积。接下来,我们就秉承编程界的一贯传统,开始我们的第一个Hello world程序。
新建一个文本文件,文件名改为Hello.htm,用文本编辑器打开,写下如下代码:
Hello.htm
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4<title>Extjs hello world dialog</title>
5<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
6<script type="text/javascript" src="extjs/ext-base-debug.js"></script>
7<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
8<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
9<script type="text/javascript" src="js/daben.js"></script>
10</head>
11<body>
12<div id="hello"></div>
13</body>
14</html>
daben.js的内容如下:
1/**//*
2 *作者:大笨
3 *日期:2009-10-10
4 *版本:1.0
5 *博客地址:http://yage.cnblogs.com/
6 */
7Ext.onReady(function(){
8 Ext.MessageBox.alert("信息","Hello world");
9});
使用ie或者ff打开Hello.htm,可以看到一个弹出的对话框,和js的alert对话框一样,但是漂亮了许多。
我们看看代码,在html页面中首先引用extjs的相关库文件,注意引用顺序,接下来是引用我们自己的js文件。我们简单看下,Ext.onReady是在文档加载完之后触发的,它有一个参数是一个函数类型,该函数在事件出发的时候被调用。在这里我们用了匿名的函数,当然也可以把函数在外部定义好,然后把函数的名字作为参数传递进来。Ext.MessageBox.alert是一个弹出消息的对话框函数,第一个参数是标题,第二个参数是对话框的内容。Ext.Message类下还有模拟js的prompt对话框和comfirm对话框的方法,我们改动下daben.js看看confirm方法的效果:
Code
1/**//*
2 *作者:大笨
3 *日期:2009-10-10
4 *版本:1.0
5 *博客地址:http://yage.cnblogs.com/
6 */
7Ext.onReady(function(){
8 //Ext.MessageBox.alert("信息","Hello world");
9 Ext.MessageBox.confirm("comfirm","模拟js的comfirm对话框",function(btn){
10 alert("点击了"+btn+"按钮");
11 });
12});
光看对话框并不是很有趣,实际的web程序中,需要向服务器提交数据并根据服务器的响应来更新页面中的内容,我们来看看extjs是如何实现的。下边的例子中,我们将在页面上放置一个编辑框和一个按钮,当点击按钮之后,服务器将编辑框中输入的内容转化为大写并显示在页面的一个div中。打开vs2008,新建一个web应用程序ExtjsDemo,删掉自动添加的default.aspx文件。添加我们的hello.htm和daben.js文件以及我们要用到的extjs库,添加完成后如图所示:
可以看到在js目录下边,加了一个vvswd-ext_2.0.2.js的文件,从这里可以下载,这个文件可以实现vs2008对于extjs库的智能提示,方便编程(不过我没找到针对3.0版的,如果哪位朋友找到了麻烦发一份给我)。我们先来看下extjs中实现和服务器端通信的一个函数Ext.Ajax.request,该函数接受一个json对象作为参数,该对象有几个常用的属性:
url:字符串类型,指明请求的地址
params:请求时传递给服务器段的参数,可以是对象,字符串
method:请求的方法,字符串类型,“GET"或者"POST",注意必须是大写的
success:函数类型,请求成功后会执行的函数,该函数有一个参数,是一个包含服务器端响应数据的XMLHttpRequest 对象
failure:函数类型,请求失败后会执行的函数,该函数有一个参数,是一个包含服务器端响应数据的XMLHttpRequest 对象
callback:函数类型,无论请求的结果如何都会执行
好,我们就具体来看看extjs是如何实现和服务器端的交互吧。先把我们的hello.htm页面做如下改动:
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4<title>Extjs hello world dialog</title>
5<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
6<script type="text/javascript" src="extjs/ext-base-debug.js"></script>
7<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
8<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
9<script type="text/javascript" src="js/daben.js"></script>
10</head>
11<body>
12<input type="text" id="txt" /><input type="button" id="btn" value="提交" />
13<div id="div"></div>
14</body>
15</html>
然后是更改我们的daben.js文件了,改动之后的代码如下:
1///<reference path="vswd-ext_2.0.2.js" />
2/**//*
3 *作者:大笨
4 *日期:2009-10-10
5 *版本:1.0
6 *博客地址:http://yage.cnblogs.com/
7 */
8
9Ext.onReady(function() {
10 //Ext.MessageBox.alert("信息","Hello world");
11 /**//*Ext.MessageBox.confirm("comfirm","模拟js的comfirm对话框",function(btn){
12 alert("点击了"+btn+"按钮");
13 });*/
14 Ext.get("btn").on("click", function() {
15 var data = Ext.fly("txt").getValue();
16 if (data == "") {
17 Ext.Msg.alert("警告", "请输入字符串");
18 }
19 else {
20 Ext.Ajax.request({
21 url: "hello.aspx",
22 params: { data: data },
23 method: "POST",
24 success: function(response) {
25 Ext.fly("div").update(response.responseText);
26 },
27 failure: function(response) {
28 Ext.Msg.alert("错误", "请求失败,错误代码为:" + response.status);
29 }
30 });
31 }
32 });
33});
我们来简单分析下这个文件:第一行是为了使用vs的智能提示,注意把路径写对,而且必须要加在第一行。Ext.onReady已经介绍过了,Ext.fly是Ext.Element.fly的简写,该方法可以根据id获得Element对象,Element类是Ext中一个非常重要的类,它对Dom进行了封装,增加了一些操作以方便使用,并且兼容主流浏览器。getValue是Element类的方法,获得元素的值,比较郁闷的是没有相应的setValue方法,所以在后边使用了update方法来更新元素的值。在向服务器端传值之前进行客户端的验证是一个良好的编程习惯,这里只是简单进行了字符串不为空的验证,然后就使用了前边说到的Ext.Ajax.request方法了,使用这个方法向页面hello.aspx以post方式发送了数据,我们这里是以json对象的形式发送的,也可以写成字符串形式,对于成功的响应,把响应的文本显示在div中,对于失败的响应,弹出一个对话框并且给出了错误码。
接下来要进行服务器端的编程了。服务器端可以通过两种方式接受客户端传递过来的数据并且作出响应:使用aspx页面和web服务。我们先介绍如何使用aspx页来进行处理。在项目中增加一个页面Hello.aspx,把页面中除了第一行的页面处理指令部分<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Hello.aspx.cs" Inherits="ExtjsDemo.hello" %>全部删去。按下F7切换到代码页,开始编写后台的代码。我们首先通过Request.Params["data"]来获取前台传递过来的数据,同样,在对数据进行处理之前我们先进行数据的有效性验证,这里只是简单判断了是否为空或者空字符串,然后我们就将处理后的结果用Response.Write方法发送给客户端。后台代码如下:
1using System;
2
3/**//*
4 *作者:大笨
5 *日期:2009-10-10
6 *版本:1.0
7 *博客地址:http://yage.cnblogs.com/
8 */
9namespace ExtjsDemo
10{
11 public partial class Hello : System.Web.UI.Page
12 {
13 页面加载#region 页面加载
14 /**//// <summary>
15 /// 页面加载
16 /// </summary>
17 /// <param name="sender"></param>
18 /// <param name="e"></param>
19 protected void Page_Load(object sender, EventArgs e)
20 {
21 string data = Request.Params["data"];
22 if(!string.IsNullOrEmpty(data))
23 {
24 Response.Write(data.ToUpper());
25 }
26 }
27 #endregion
28 }
29}
30
运行后在编辑框输入字符串,可以看到在下边的div里边以大写的形式显示了出来,通过FF的Firebug我们可以看到数据的交互。
除了使用aspx页面来接受并处理客户端传递过来的数据,我们还可以使用web服务的方式来进行。在项目中添加一个web服务,代码如下:
1using System;
2using System.Web.Services;
3
4/**//*
5 *作者:大笨
6 *日期:2009-10-10
7 *版本:1.0
8 *博客地址:http://yage.cnblogs.com/
9 */
10
11namespace ExtjsDemo
12{
13 /**//// <summary>
14 /// HelloService 的摘要说明
15 /// </summary>
16 [WebService(Namespace = "http://tempuri.org/")]
17 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
18 [System.ComponentModel.ToolboxItem(false)]
19 // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
20 // [System.Web.Script.Services.ScriptService]
21 public class HelloService : System.Web.Services.WebService
22 {
23 将传入的字符串改为大写#region 将传入的字符串改为大写
24 /**//// <summary>
25 /// 将传入的字符串改为大写
26 /// </summary>
27 /// <param name="data">需要转为大写的字符串</param>
28 /// <returns>大写字符串</returns>
29 [WebMethod]
30 public string ToUpper(string data)
31 {
32 if(!string.IsNullOrEmpty(data))
33 return data.ToUpper();
34 throw new Exception("字符串不能为空!");
35 }
36 #endregion
37 }
38}
39
当然,默认情况下,web服务是以xml格式来传递数据的,我们可以通过Firebug看到。xml很好很强大,不过有时我们只需要更小巧的json就足够了,那么如何让web服务传递的是json格式呢?我们只需要把请求头中的Content-Type设置为application/json并且把参数使用Ext.util.JSON.encode进行编码或者使用jsonData来代替params.
相信很多人对使用js进行客户端的编程比较头大,其实现在已经有了很多优秀的js库,可以大大简化js编程的工作量,其中,jquery和extjs就是两款非常优秀的js库。我在项目中已经频繁使用了jquery,这次主要是学习使用extjs,但现有的教程基本都是针对2.0的,而且后台用到的语言也很少是.net平台下的C#,所以我打算针对3.0版,后台使用C#,记录下自己的学习过程,希望能和志同道合的朋友一起探讨,共同进步。
extjs的官方网站是http://www.extjs.com,目前最高版本是3.0.2,但是只有3.0.0的才没有任何下载限制,可以点击这里下载3.0版的。下载来的压缩包里边包含压缩后的extjs库,调试时用到的库,具有可读性的源代码,文档和例子。在开始之前,不妨先看下examples文件夹下的例子,对extjs有一个感性的认识,如果你觉得例子里边的效果让你心动,那么就一起开始extjs的学习之旅吧。
首先明确下我们需要引用的文件,包括adpter/ext/ext-base-debug.js,ext-all-debug.js和整个resource文件夹,当然,多数情况下,我们还需要ext-lang-zh_CN.js进行中文的本地化,该文件在src/locale目录下。因为是学习阶段,所以我们使用了debug版本,在实际的项目中,发布的时候要使用压缩后的版本以减小文件体积。接下来,我们就秉承编程界的一贯传统,开始我们的第一个Hello world程序。
新建一个文本文件,文件名改为Hello.htm,用文本编辑器打开,写下如下代码:
Hello.htm
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4<title>Extjs hello world dialog</title>
5<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
6<script type="text/javascript" src="extjs/ext-base-debug.js"></script>
7<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
8<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
9<script type="text/javascript" src="js/daben.js"></script>
10</head>
11<body>
12<div id="hello"></div>
13</body>
14</html>
daben.js的内容如下:
1/**//*
2 *作者:大笨
3 *日期:2009-10-10
4 *版本:1.0
5 *博客地址:http://yage.cnblogs.com/
6 */
7Ext.onReady(function(){
8 Ext.MessageBox.alert("信息","Hello world");
9});
使用ie或者ff打开Hello.htm,可以看到一个弹出的对话框,和js的alert对话框一样,但是漂亮了许多。
我们看看代码,在html页面中首先引用extjs的相关库文件,注意引用顺序,接下来是引用我们自己的js文件。我们简单看下,Ext.onReady是在文档加载完之后触发的,它有一个参数是一个函数类型,该函数在事件出发的时候被调用。在这里我们用了匿名的函数,当然也可以把函数在外部定义好,然后把函数的名字作为参数传递进来。Ext.MessageBox.alert是一个弹出消息的对话框函数,第一个参数是标题,第二个参数是对话框的内容。Ext.Message类下还有模拟js的prompt对话框和comfirm对话框的方法,我们改动下daben.js看看confirm方法的效果:
Code
1/**//*
2 *作者:大笨
3 *日期:2009-10-10
4 *版本:1.0
5 *博客地址:http://yage.cnblogs.com/
6 */
7Ext.onReady(function(){
8 //Ext.MessageBox.alert("信息","Hello world");
9 Ext.MessageBox.confirm("comfirm","模拟js的comfirm对话框",function(btn){
10 alert("点击了"+btn+"按钮");
11 });
12});
光看对话框并不是很有趣,实际的web程序中,需要向服务器提交数据并根据服务器的响应来更新页面中的内容,我们来看看extjs是如何实现的。下边的例子中,我们将在页面上放置一个编辑框和一个按钮,当点击按钮之后,服务器将编辑框中输入的内容转化为大写并显示在页面的一个div中。打开vs2008,新建一个web应用程序ExtjsDemo,删掉自动添加的default.aspx文件。添加我们的hello.htm和daben.js文件以及我们要用到的extjs库,添加完成后如图所示:
可以看到在js目录下边,加了一个vvswd-ext_2.0.2.js的文件,从这里可以下载,这个文件可以实现vs2008对于extjs库的智能提示,方便编程(不过我没找到针对3.0版的,如果哪位朋友找到了麻烦发一份给我)。我们先来看下extjs中实现和服务器端通信的一个函数Ext.Ajax.request,该函数接受一个json对象作为参数,该对象有几个常用的属性:
url:字符串类型,指明请求的地址
params:请求时传递给服务器段的参数,可以是对象,字符串
method:请求的方法,字符串类型,“GET"或者"POST",注意必须是大写的
success:函数类型,请求成功后会执行的函数,该函数有一个参数,是一个包含服务器端响应数据的XMLHttpRequest 对象
failure:函数类型,请求失败后会执行的函数,该函数有一个参数,是一个包含服务器端响应数据的XMLHttpRequest 对象
callback:函数类型,无论请求的结果如何都会执行
好,我们就具体来看看extjs是如何实现和服务器端的交互吧。先把我们的hello.htm页面做如下改动:
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
4<title>Extjs hello world dialog</title>
5<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
6<script type="text/javascript" src="extjs/ext-base-debug.js"></script>
7<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
8<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
9<script type="text/javascript" src="js/daben.js"></script>
10</head>
11<body>
12<input type="text" id="txt" /><input type="button" id="btn" value="提交" />
13<div id="div"></div>
14</body>
15</html>
然后是更改我们的daben.js文件了,改动之后的代码如下:
1///<reference path="vswd-ext_2.0.2.js" />
2/**//*
3 *作者:大笨
4 *日期:2009-10-10
5 *版本:1.0
6 *博客地址:http://yage.cnblogs.com/
7 */
8
9Ext.onReady(function() {
10 //Ext.MessageBox.alert("信息","Hello world");
11 /**//*Ext.MessageBox.confirm("comfirm","模拟js的comfirm对话框",function(btn){
12 alert("点击了"+btn+"按钮");
13 });*/
14 Ext.get("btn").on("click", function() {
15 var data = Ext.fly("txt").getValue();
16 if (data == "") {
17 Ext.Msg.alert("警告", "请输入字符串");
18 }
19 else {
20 Ext.Ajax.request({
21 url: "hello.aspx",
22 params: { data: data },
23 method: "POST",
24 success: function(response) {
25 Ext.fly("div").update(response.responseText);
26 },
27 failure: function(response) {
28 Ext.Msg.alert("错误", "请求失败,错误代码为:" + response.status);
29 }
30 });
31 }
32 });
33});
我们来简单分析下这个文件:第一行是为了使用vs的智能提示,注意把路径写对,而且必须要加在第一行。Ext.onReady已经介绍过了,Ext.fly是Ext.Element.fly的简写,该方法可以根据id获得Element对象,Element类是Ext中一个非常重要的类,它对Dom进行了封装,增加了一些操作以方便使用,并且兼容主流浏览器。getValue是Element类的方法,获得元素的值,比较郁闷的是没有相应的setValue方法,所以在后边使用了update方法来更新元素的值。在向服务器端传值之前进行客户端的验证是一个良好的编程习惯,这里只是简单进行了字符串不为空的验证,然后就使用了前边说到的Ext.Ajax.request方法了,使用这个方法向页面hello.aspx以post方式发送了数据,我们这里是以json对象的形式发送的,也可以写成字符串形式,对于成功的响应,把响应的文本显示在div中,对于失败的响应,弹出一个对话框并且给出了错误码。
接下来要进行服务器端的编程了。服务器端可以通过两种方式接受客户端传递过来的数据并且作出响应:使用aspx页面和web服务。我们先介绍如何使用aspx页来进行处理。在项目中增加一个页面Hello.aspx,把页面中除了第一行的页面处理指令部分<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Hello.aspx.cs" Inherits="ExtjsDemo.hello" %>全部删去。按下F7切换到代码页,开始编写后台的代码。我们首先通过Request.Params["data"]来获取前台传递过来的数据,同样,在对数据进行处理之前我们先进行数据的有效性验证,这里只是简单判断了是否为空或者空字符串,然后我们就将处理后的结果用Response.Write方法发送给客户端。后台代码如下:
1using System;
2
3/**//*
4 *作者:大笨
5 *日期:2009-10-10
6 *版本:1.0
7 *博客地址:http://yage.cnblogs.com/
8 */
9namespace ExtjsDemo
10{
11 public partial class Hello : System.Web.UI.Page
12 {
13 页面加载#region 页面加载
14 /**//// <summary>
15 /// 页面加载
16 /// </summary>
17 /// <param name="sender"></param>
18 /// <param name="e"></param>
19 protected void Page_Load(object sender, EventArgs e)
20 {
21 string data = Request.Params["data"];
22 if(!string.IsNullOrEmpty(data))
23 {
24 Response.Write(data.ToUpper());
25 }
26 }
27 #endregion
28 }
29}
30
运行后在编辑框输入字符串,可以看到在下边的div里边以大写的形式显示了出来,通过FF的Firebug我们可以看到数据的交互。
除了使用aspx页面来接受并处理客户端传递过来的数据,我们还可以使用web服务的方式来进行。在项目中添加一个web服务,代码如下:
1using System;
2using System.Web.Services;
3
4/**//*
5 *作者:大笨
6 *日期:2009-10-10
7 *版本:1.0
8 *博客地址:http://yage.cnblogs.com/
9 */
10
11namespace ExtjsDemo
12{
13 /**//// <summary>
14 /// HelloService 的摘要说明
15 /// </summary>
16 [WebService(Namespace = "http://tempuri.org/")]
17 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
18 [System.ComponentModel.ToolboxItem(false)]
19 // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
20 // [System.Web.Script.Services.ScriptService]
21 public class HelloService : System.Web.Services.WebService
22 {
23 将传入的字符串改为大写#region 将传入的字符串改为大写
24 /**//// <summary>
25 /// 将传入的字符串改为大写
26 /// </summary>
27 /// <param name="data">需要转为大写的字符串</param>
28 /// <returns>大写字符串</returns>
29 [WebMethod]
30 public string ToUpper(string data)
31 {
32 if(!string.IsNullOrEmpty(data))
33 return data.ToUpper();
34 throw new Exception("字符串不能为空!");
35 }
36 #endregion
37 }
38}
39
当然,默认情况下,web服务是以xml格式来传递数据的,我们可以通过Firebug看到。xml很好很强大,不过有时我们只需要更小巧的json就足够了,那么如何让web服务传递的是json格式呢?我们只需要把请求头中的Content-Type设置为application/json并且把参数使用Ext.util.JSON.encode进行编码或者使用jsonData来代替params.
发表评论
-
npm安装教程
2020-11-23 16:09 703一、使用之前,我们先来掌握3个东西是用来干什么的。 npm ... -
手机上万能返回上一页代替history.go(-1)
2016-05-13 11:25 824最近在做wap2.0的手机wap,写返回上一页的时候,开始 ... -
3.nodejs nodejs的mysql模块
2016-04-12 22:20 577安装nodejs的mysql模块首先要选定一个数据库,我选择 ... -
2.nodejs 使用Express4.x搭建第一个Web应用
2016-04-12 09:36 608Express4.x 是一个开源的node.js项目框架 ... -
1.nodejs windows 下安装nodejs
2016-04-12 09:34 4131.下载: 在nodejs的官方网站下载mis文件。ht ... -
Nodejs学习
2016-04-11 17:21 532将介绍如何利Javascript做为服务端脚本,通过Node ... -
HTML5做手机站页面字体显示很小的解决方法
2016-05-28 23:31 742HTML5做手机站需要加上一部分代码,不然字体会显示很小的 ... -
jquery 校验
2015-07-07 11:16 0EasyUI 验证框使用方法: ... -
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
2015-05-20 09:49 594一、javascript函数实现: //JavaS ... -
//from提交表单 使用ajax异步读取,回调函数
2015-04-24 18:05 0<%@ page language="ja ... -
js获取带checkbox行的记录的Id值的两个方法
2015-04-09 14:44 684第一种: function updateProcess() ... -
基于注解的SpringMVC简单介绍
2015-04-03 11:58 596SpringMVC是一个基于DispatcherServle ... -
Linux环境下Nginx的安装
2014-03-28 13:26 491Linux下命令: /usr/local/nginx/s ... -
自用打印(二)
2014-03-19 17:30 585<html> <title> ... -
自用打印方法(一)
2014-03-19 17:25 472经过验证的,自用的。 ... -
各种微博分享代码
2014-03-19 15:56 951<HTML> <HEAD> ... -
JSP页面打印(二)
2014-03-18 11:04 770<HTML><HEAD><T ... -
JSP页面打印方法(一)
2014-03-18 10:57 3182JSP页面打印方法 方法一:function Print ... -
jquery和js初始化加载的多种方法
2014-01-20 14:48 913jquery和js初始化加载页面的区别: jquery:等 ... -
js自动刷新当前页面
2013-12-19 14:09 804reload 方法,该方法强 ...
相关推荐
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21. extJs 2.0学习笔记(Ext.Panel篇二) 50 22. extJs 2.0学习笔记(Ext.Panel篇三) 59 23. extJs 2.0学习笔记(Ext.Panel篇四) 62 24. extJs 2.0学习笔记(组件总论篇) 66 25....
ExtJS4学习笔记(一)---window的创建 ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(三)---VBox的使 ExtJS4学习笔记(四)---Grid的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(六)---多表头Grid ...
### Extjs 5 学习笔记之 SenchaCmd 深入解析 #### 一、SenchaCmd 的简介 SenchaCmd 是一个跨平台的命令行工具,它为基于 ExtJS 和 Sencha Touch 应用程序的开发周期提供了全面的支持。从创建应用程序的基础结构到...
EXTJS in Action 是一本专为学习EXTJS编写的书籍,但这里我们主要关注学习笔记中的关键知识点。 首先,EXTJS的目录结构非常重要,因为它包含了所有必要的资源和源码: 1. `adapter`:这部分包含了适配器,用于将...
适合ExtJs开发人员extjs技术上手以及深入
ExtJs简明教程+Extjs学习笔记,来源网络,免费奉送,我讨厌需要资源分~
13. **extJs 2.0 学习笔记**:这部分可能包括了针对2.0版本的一些特性讲解,如Ajax的使用、Ext.data模块的基础知识以及Panel组件的深入探讨。 以上只是对每个章节主题的简要概述,实际的学习笔记会更深入地讲解每个...
### ExtJs 学习笔记知识点总结 #### 一、初识 ExtJs ##### 1.1 入门 - **背景介绍**: - **ExtJs**:一款强大的JavaScript库,用于构建现代化的Web应用程序。它提供了一系列丰富的UI组件、布局管理器以及数据...
语言程序设计资料:ExtJs学习笔记-2积分.doc
在探讨《ExtJS学习心得笔记》这一主题时,我们不仅会深入理解ExtJS框架的核心概念与实践技巧,还会从新手的角度出发,提炼出一系列有助于快速上手的学习策略,避免常见的学习陷阱,确保学习过程高效而有成效。...
这个学习笔记涵盖了从基础到高级的多个主题,帮助读者深入理解ExtJs的核心概念和技术。以下是一些关键知识点的详细说明: 1. **ExtJs 结构树**:这部分内容可能涉及ExtJs如何构建可自定义的用户界面组件树,包括...
ExtJS 是一个强大的JavaScript框架,主要用于构建富客户端Web应用程序。...学习ExtJS可以帮助开发者快速构建功能丰富的、交互性强的Web应用。通过深入理解和实践,可以提升开发效率,创建出符合现代Web标准的用户界面。
本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文 学习资料还很少。 google 搜索资料时找到了一本国外牛人写的关于 ExtJS 6 的电 子书 [Ext JS 6 By Example] 。这份资料在 PACKT 上卖 ...
在本篇学习笔记中,我们将深入探讨EXTJS中最基本的Grid的构建和配置。 首先,EXTJS的Grid由多个组件构成,其中最重要的是`ColumnModel`,它负责定义Grid中的列属性。在示例代码中,我们创建了一个`ColumnModel`对象...
Extjs4.0学习笔记大全.pdf,供大家学习