extjs学习笔记（一） 一些基础知识

核心提示： 我们来简单分析下这个文件：第一行是为了使用vs的智能提示，注意把路径写对，extjs学习笔记（一） 一些基础知识(5)，而且必须要加在第一行，Ext.onReady已经介绍过了，在对数据进行处理之前我们先进行数据的有效性验证，这里只是简单判断了是否为空或者空字符串，Ext.fly是Ext.Ele

我们来简单分析下这个文件：第一行是为了使用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.blogs.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