EXT进展.docVIP

Ext学习进展 1.若在vs2008中使用ext类库，在/head后加入如下代码 link rel=stylesheet type=text/css href=extjs/resources/css/ext-all.css / script type=text/javascript src=extjs/adapter/ext/ext-base.js/script script type=text/javascript src=extjs/ext-all.js/script 同时把整个库文件放入工程下 2．关于对话框的简单举例 script language=javascript Ext.onReady(function() { //Ext.MessageBox.alert(hello,hello); Ext.MessageBox.confirm(comfirm,模拟js的comfirm对话框,function(btn){ alert(点击了+btn+按钮) }); }); /script 3.客户与服务器进行通讯 我们先来看下extjs中实现和服务器端通信的一个函数Ext.Ajax.request，该函数接受一个json对象作为参数，该对象有几个常用的属性: url:字符串类型，指明请求的地址 params:请求时传递给服务器段的参数，可以是对象，字符串 method:请求的方法，字符串类型，“GET或者POST，注意必须是大写的 success:函数类型，请求成功后会执行的函数，该函数有一个参数，是一个包含服务器端响应数据的XMLHttpRequest 对象 failure:函数类型，请求失败后会执行的函数，该函数有一个参数，是一个包含服务器端响应数据的XMLHttpRequest 对象 callback:函数类型，无论请求的结果如何都会执行。 在客户端的代码为 Ext.onReady(function() { //Ext.MessageBox.alert(信息,Hello world); /**//*Ext.MessageBox.confirm(comfirm,模拟js的comfirm对话框,function(btn){ alert(点击了+btn+按钮); });*/ Ext.get(btn).on(click, function() { //响应id=btn控件的单击 var data = Ext.fly(txt).getValue(); //获取id=txt控件的内容 if (data == ) { Ext.Msg.alert(警告, 请输入字符串); } else { Ext.Ajax.request({ url: hello.aspx, params: { data: data }, method: POST, success: function(response) { Ext.fly(div).update(response.responseText); }, failure: function(response) { Ext.Msg.alert(错误, 请求失败，错误代码为： + response.status); } }); }; }); }); 在服务器端后台（.cs）代码为 string data = Request.Params[data]; if(!string.IsNullOrEmpty(data)) { Response.Write(data.ToUpper()); } Ext.fly(“id1”).getValue可获得表单中id=id1的值 四.关于框架布局，要用到EXT.PANEL 其主要的属性有： 因为panel组件的子类组件包括TabPanel,GridPanel,FormPanel,TreePanel组件，所以非常有必要介绍