![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Extjs等js的Ajax框架
文章平均质量分 81
lybacm
这个作者很懒,什么都没留下…
展开
-
Ext js面向对象的特性
1、支持命名空间(Java里用的是包的概念) Ext.namespace("Ext.ling"); //这句话相当于声明了一个命名空间2、支持类实例属性 Ext.apply(Ext.ling.Person.prototype,{ name:"lingyibin" }); //给Person类添加了name属性,并赋了值。这里跟大家讲另一个东西,就是{ }和[ ]在js应用中的...原创 2011-05-11 11:06:07 · 96 阅读 · 0 评论 -
Extjs复习笔记(十三)-- GridPanel
这一节开始,复习grid,博大精深呀! 拿官网的例子来看看。代码和注释如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http...原创 2010-11-05 03:11:24 · 128 阅读 · 0 评论 -
Extjs复习笔记(十四)-- XmlReader
读取XML文件来构造grid先了解一个函数:Ext.data.XmlReader( Object meta, Object recordType )API文档解释: Data reader class to create an Array of Ext.data.Record objects from an XML document based on mappings in a p...2010-11-05 13:48:06 · 159 阅读 · 0 评论 -
Ext常用的知识点(一)--弹出消息
首先,要写Extjs,建议大家用一个工具spket。有eclipse版的,也有dreamweaver版的,本来想把安装包和破解包上传的,但太大,javaeye不让传。需要的同志直接找我要:lingyibin@gmail.com1、alertExt.MessageBox.alert("测试","这是内容!",function(){alert("你点击了alert中的确定按钮!");...2011-02-08 21:38:35 · 132 阅读 · 0 评论 -
Ext常用的知识点(二)--panel和window
1、Panel很容易就可以做写出一个panelvar pnl = new Ext.Panel({ title:"panel标题", width:300, height:200, renderTo:"test1" //这句把本窗口绑在id为test1的div或其它dom结点上 }); 下面来美化一下:加上frame:true 就会使窗口边框变得...2011-02-09 01:16:03 · 339 阅读 · 0 评论 -
Ext常用的知识点(三)--combobox和xml的绑定
直接看代码,所有需要注意的地方都标在代码后面了 Ext.onReady(function() { var mystore = new Ext.data.Store({ url:"data/myInfo.xml", //要加载的文件,这要有服务器(如果tomcat)才能加载到数据 reader:new Ext.data.XmlReader({ record:"pers...2011-02-09 11:47:50 · 96 阅读 · 0 评论 -
Ext 2.x中,关于combobox的取值问题
Ext中,关于combobox的取值问题一直困扰着很多程序员,刚刚我摸索了好久,终于找出了些规律。下面这个是我的combo的代码(节选) { fieldLabel:"用户身份", xtype:"combo", id:"status_...原创 2011-02-15 19:47:49 · 167 阅读 · 0 评论 -
Extjs复习笔记(十五)-- JsonReader
使用JsonReader来创建grid中的store (examples/grid/binding)下面程序中,绿色的注释大都是API中的解释,有助于理解,我把它直接加上程序中了Ext.onReady(function(){ var store = new Ext.data.Store({ remoteSort: true, //用下面的代理proxy默...原创 2010-11-07 01:54:06 · 155 阅读 · 0 评论 -
Extjs复习笔记(十六)-- 可编辑的grid
可编辑的grid。可以响应数据加载完时的事件。。。可以编辑: Ext.onReady(function(){ /** * Handler specified for the 'Available' column renderer * @param {Object} value */ function formatDate(va...原创 2010-11-07 02:43:46 · 114 阅读 · 0 评论 -
Extjs复习笔记(十七)-- 给grid里面的内容分组
给grid里面的内容分组。 Ext.onReady(function(){ Ext.QuickTips.init(); //开启浮动汽泡提示功能 var xg = Ext.grid; //简化 // shared reader var reader = new Ext.data.ArrayReader({}, [ {name:...原创 2010-11-07 03:11:28 · 153 阅读 · 0 评论 -
Extjs复习笔记(十八)-- TreePanel
Grid这一块暂时就讲到这。这一节开始就是tree的相关内容了。Ext.onReady(function(){ var tree = new Ext.tree.TreePanel({ renderTo:'tree-div', title: 'My Task List', height: 300, width:...原创 2010-11-07 11:09:04 · 121 阅读 · 0 评论 -
Extjs复习笔记(十九)-- XML作为tree的数据源
用XML来作为tree的数据源 所有文件都上传了 //// Extend the XmlTreeLoader to set some custom TreeNode attributes specific to our application://Ext.app.BookLoader = Ext.extend(Ext.ux.tree.XmlTreeLoader, { //X...原创 2010-11-07 11:52:00 · 134 阅读 · 0 评论 -
Extjs复习笔记(十二)--form验证
验证。。。1、不允许放空(当用户不填值时就提交的话,就用红线画出。。。) 实现方法很简单,在items中的输入框定义时加上下面这句话就行了。 allowBlank:false 2、重输密码验证(如果两次密码不一致就在下面画红线) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...原创 2010-11-04 23:37:14 · 131 阅读 · 0 评论 -
Extjs复习笔记(十一)--换肤
换肤功能首先写一个文件(这个文件的源码看不懂也没关系,拿着用就是了),文件名:themeChange.js内容如下: Ext.ux.ThemeChange = Ext.extend(Ext.form.ComboBox, { editable : false, displayField : 'theme', valueField : 'css', typeAhea...原创 2010-11-04 21:48:06 · 95 阅读 · 0 评论 -
Extjs复习笔记(十)-- 网页主框架
主界面的雏形: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he...原创 2010-11-04 14:58:44 · 124 阅读 · 0 评论 -
javascript 的一点总结
Javascript面向对象的特性(总结自:http://www.cnblogs.com/zhangziqiu/archive/2009/05/26/jQuery-Learn-javascript.html ,在此仅作为学习笔记) 1、创建一个类 var obj = new Object(); //其中new可以省略 2、创建属性,不用声明直接赋值: obj....原创 2010-10-24 11:34:46 · 67 阅读 · 0 评论 -
Extjs复习笔记(一)
之前学的ExtJs只掌握了个大概,只是知道怎么用。可是还不是很了解其中的机理,现在花点时间学学里面的机制。因为前些日子刚学了jQuery(之后再找个时间总结) ,对这个机制有了一定的认识,现在回过头来看Extjs确实深入了不少。目前的Extjs最新版本是3.3.0,官方网:http://www.sencha.com/products/js/。Extjs属于一种Ajax框架,基于javasc...原创 2010-10-28 13:32:16 · 103 阅读 · 0 评论 -
Extjs复习笔记(二)
用Dreamweaver新建一个网站,把ext-3.3包中的adapter和resources文件夹拷到目录下,再把ext-all.js拷过来。然后我们在sample里面新建js文件和html文件。在html文件 中要引入:adapter/ext/ext-base.js和ext-all.js,以及自己写的js文件。注意顺序。1、注册一个命名空间: Ext.namespace("...2010-10-28 15:20:43 · 88 阅读 · 0 评论 -
Extjs复习笔记(三)
1、用ext代码往页面中加元素: Ext.onReady(function(){ //onReady表示在页面加载时运行里面的函数 var _button = new Ext.Button({ renderTo:document.body, //或者Ext.getBody() text:"确 定", minWidth:100 }) ...原创 2010-10-28 16:18:19 · 87 阅读 · 0 评论 -
Extjs复习笔记(四)
在panel上加组件 1、设置大小,并加上按钮: Ext.onReady(function(){ var _panel = new Ext.Panel({ title:"人员信息", frame:true, width:200, height:300 }) ; _panel.addButton({text...原创 2010-10-28 20:02:24 · 92 阅读 · 0 评论 -
Extjs复习笔记(五)
浮动窗口: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head...原创 2010-10-28 20:19:25 · 83 阅读 · 0 评论 -
Extjs复习笔记(六)--完整的浮动窗口
前面搞了这么久的基础,下面该来做这个界面了:这是一个浮动窗口,可以在页面内到处拉动。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www...原创 2010-10-30 03:30:25 · 444 阅读 · 0 评论 -
Extjs复习笔记(七)-- ComboBox的添加、修改
ComboBox的测试,有几个方法没写完整,有待之后解决。。。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or...原创 2010-10-31 02:09:33 · 249 阅读 · 0 评论 -
Ext图书管理系统
其实这一篇日志写很久了,由于近期项目演示的需要,我把它转到这边来。 本系统实质上是由Extjs做的一个网站。主要功能有: 1、 添加和修改读者信息2、 添加和修改图书信息3、 添加和修改图书借阅信息4、 还书管理5、 图书查询6、 新书资讯7、 提议买书8、 读者个人信息查看9、 读者借还历史查看10、 页面皮肤更换其中大部分页面都有图书迅...原创 2010-10-31 10:17:38 · 206 阅读 · 1 评论 -
Extjs复习笔记(八)--登陆框
之前有一篇博客展示了一个图书管理系统,接下来的几篇博客将会解析其中的一些重点。这个系统是由五个框架做成的:Extjs + DWR + Spring + Struts + Hibernate 。后面三个,SSH三大框架想必大家都比较熟了,这里就不再讲了。之后的几篇Ext博客,重点是讲前两个。 var loginPanel = new Ext.form.FormPanel({ ...2010-11-03 02:33:06 · 104 阅读 · 0 评论 -
Extjs复习笔记(九)-- 加载等待
登陆时的加载状态:<style type="text/css" media="all"> #loading { position: absolute; left: 40%; top: 40%; padding: 2px; z-index: 20001; height: auto; color: #225588; } #l...原创 2010-11-04 13:29:41 · 109 阅读 · 0 评论 -
Extjs复习笔记(二十)-- tree和grid结合
让tree和grid结合起来相关内容之前大都讲过,这里就不多讲了Ext.onReady(function(){ var tree = new Ext.ux.tree.ColumnTree({ width: 550, height: 300, rootVisible:false, autoScroll:true...原创 2010-11-07 12:20:18 · 218 阅读 · 0 评论