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 · 123 阅读 · 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 · 159 阅读 · 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 · 182 阅读 · 0 评论 -
Ext常用的知识点（一）--弹出消息
首先，要写Extjs,建议大家用一个工具spket。有eclipse版的，也有dreamweaver版的，本来想把安装包和破解包上传的，但太大，javaeye不让传。需要的同志直接找我要：lingyibin@gmail.com1、alertExt.MessageBox.alert("测试","这是内容！",function(){alert("你点击了alert中的确定按钮！");...2011-02-08 21:38:35 · 161 阅读 · 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 · 387 阅读 · 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 · 125 阅读 · 0 评论 -
Ext 2.x中，关于combobox的取值问题
Ext中，关于combobox的取值问题一直困扰着很多程序员，刚刚我摸索了好久，终于找出了些规律。下面这个是我的combo的代码(节选) { fieldLabel:"用户身份", xtype:"combo", id:"status_...原创 2011-02-15 19:47:49 · 189 阅读 · 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 · 200 阅读 · 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 · 158 阅读 · 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 · 183 阅读 · 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 · 143 阅读 · 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 · 171 阅读 · 0 评论 -
Extjs复习笔记（十二）--form验证
验证。。。1、不允许放空（当用户不填值时就提交的话，就用红线画出。。。） 实现方法很简单，在items中的输入框定义时加上下面这句话就行了。 allowBlank:false 2、重输密码验证（如果两次密码不一致就在下面画红线） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...原创 2010-11-04 23:37:14 · 163 阅读 · 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 · 120 阅读 · 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 · 143 阅读 · 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 · 85 阅读 · 0 评论 -
Extjs复习笔记（一）
之前学的ExtJs只掌握了个大概，只是知道怎么用。可是还不是很了解其中的机理，现在花点时间学学里面的机制。因为前些日子刚学了jQuery（之后再找个时间总结） ，对这个机制有了一定的认识，现在回过头来看Extjs确实深入了不少。目前的Extjs最新版本是3.3.0，官方网：http://www.sencha.com/products/js/。Extjs属于一种Ajax框架，基于javasc...原创 2010-10-28 13:32:16 · 127 阅读 · 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 · 118 阅读 · 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 · 107 阅读 · 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 · 115 阅读 · 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 · 112 阅读 · 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 · 510 阅读 · 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 · 286 阅读 · 0 评论 -
Ext图书管理系统
其实这一篇日志写很久了，由于近期项目演示的需要，我把它转到这边来。 本系统实质上是由Extjs做的一个网站。主要功能有： 1、 添加和修改读者信息2、 添加和修改图书信息3、 添加和修改图书借阅信息4、 还书管理5、 图书查询6、 新书资讯7、 提议买书8、 读者个人信息查看9、 读者借还历史查看10、 页面皮肤更换其中大部分页面都有图书迅...原创 2010-10-31 10:17:38 · 272 阅读 · 1 评论 -
Extjs复习笔记（八）--登陆框
之前有一篇博客展示了一个图书管理系统，接下来的几篇博客将会解析其中的一些重点。这个系统是由五个框架做成的：Extjs + DWR + Spring + Struts + Hibernate 。后面三个，SSH三大框架想必大家都比较熟了，这里就不再讲了。之后的几篇Ext博客，重点是讲前两个。 var loginPanel = new Ext.form.FormPanel({ ...2010-11-03 02:33:06 · 133 阅读 · 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 · 138 阅读 · 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 · 271 阅读 · 0 评论