- 浏览: 633435 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (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
在写Ajax程序时,假如我们的布局如下:
+-------------------------+
| |
| 数据列表区Grid |
| |
+-------------------------+
| |
| 数据展示/编辑区 |
| |
+-------------------------+
如果我们增加一条记录,如何让列表也增加移行呢?从服务器读取?不太合理,当然是js操作Grid是最好的,可是当我们使用Ext.GridPanel时怎么办呢?使用grid.dom肯定是得不偿失的;让人意想不到的时我们可以通过操作grid.store来实现操作,有点类似Delphi的数据库程序,(在Delphi中我们给Dataset增加一条记录,那么与其相关的展示数据的DBGrid会自动显示新增的数据)。
如下例所示:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css">
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script>
// ----------- GRID -----------------
var myData = [
['Apple',29.89,0.24,0.81,'9/1 12:00am'],
['Ext',83.81,0.28,0.34,'9/12 12:00am'],
['Google',71.72,0.02,0.03,'10/1 12:00am'],
['Microsoft',52.55,0.01,0.02,'7/4 12:00am'],
['Yahoo!',29.01,0.42,1.47,'5/22 12:00am']
];
var myReader = new Ext.data.ArrayReader({},
[{name: 'company'},
{name: 'price', type: 'float'},
{name: 'change', type: 'float'},
{name: 'pctChange', type: 'float'},
{name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
]);
var ds = new Ext.data.Store({
data: myData,
reader: myReader
});
var grid = new Ext.grid.GridPanel({
store: ds,
columns: [{header: "Company", width: 120, sortable: true, dataIndex: 'company'},
{header: "Price", width: 90, sortable: true, dataIndex: 'price'},
{header: "Change", width: 90, sortable: true, dataIndex: 'change'},
{header: "% Change", width: 90, sortable: true, dataIndex: 'pctChange'},
{header: "Last Updated", width: 120, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
],
viewConfig: {
forceFit: true
},
title: 'My First Grid',
width: 500,
frame: true
});
Ext.onReady(function() {
grid.render('content');
});
function addr()
{ // 下面就是为Grid新增一行的代码
var rd = [['苹果',29.89,0.24,0.81,'']]; // 这是数据格式,必须与myData一样才行
ds.loadData(rd, true); // 第二个参数如果为false,则会清空ds的数据后再追加,
}
</script>
<div id=content></div>
<input type=button value="增加" onclick="addr()">
</BODY>
</HTML>
如果把这项功能能用于从服务器获取数据,那么实现ComboBox联动就容易了,呵呵,用到的时候再试吧!star
+-------------------------+
| |
| 数据列表区Grid |
| |
+-------------------------+
| |
| 数据展示/编辑区 |
| |
+-------------------------+
如果我们增加一条记录,如何让列表也增加移行呢?从服务器读取?不太合理,当然是js操作Grid是最好的,可是当我们使用Ext.GridPanel时怎么办呢?使用grid.dom肯定是得不偿失的;让人意想不到的时我们可以通过操作grid.store来实现操作,有点类似Delphi的数据库程序,(在Delphi中我们给Dataset增加一条记录,那么与其相关的展示数据的DBGrid会自动显示新增的数据)。
如下例所示:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css">
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script>
// ----------- GRID -----------------
var myData = [
['Apple',29.89,0.24,0.81,'9/1 12:00am'],
['Ext',83.81,0.28,0.34,'9/12 12:00am'],
['Google',71.72,0.02,0.03,'10/1 12:00am'],
['Microsoft',52.55,0.01,0.02,'7/4 12:00am'],
['Yahoo!',29.01,0.42,1.47,'5/22 12:00am']
];
var myReader = new Ext.data.ArrayReader({},
[{name: 'company'},
{name: 'price', type: 'float'},
{name: 'change', type: 'float'},
{name: 'pctChange', type: 'float'},
{name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
]);
var ds = new Ext.data.Store({
data: myData,
reader: myReader
});
var grid = new Ext.grid.GridPanel({
store: ds,
columns: [{header: "Company", width: 120, sortable: true, dataIndex: 'company'},
{header: "Price", width: 90, sortable: true, dataIndex: 'price'},
{header: "Change", width: 90, sortable: true, dataIndex: 'change'},
{header: "% Change", width: 90, sortable: true, dataIndex: 'pctChange'},
{header: "Last Updated", width: 120, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
],
viewConfig: {
forceFit: true
},
title: 'My First Grid',
width: 500,
frame: true
});
Ext.onReady(function() {
grid.render('content');
});
function addr()
{ // 下面就是为Grid新增一行的代码
var rd = [['苹果',29.89,0.24,0.81,'']]; // 这是数据格式,必须与myData一样才行
ds.loadData(rd, true); // 第二个参数如果为false,则会清空ds的数据后再追加,
}
</script>
<div id=content></div>
<input type=button value="增加" onclick="addr()">
</BODY>
</HTML>
如果把这项功能能用于从服务器获取数据,那么实现ComboBox联动就容易了,呵呵,用到的时候再试吧!star
发表评论
-
npm安装教程
2020-11-23 16:09 596一、使用之前,我们先来掌握3个东西是用来干什么的。 npm ... -
手机上万能返回上一页代替history.go(-1)
2016-05-13 11:25 778最近在做wap2.0的手机wap,写返回上一页的时候,开始 ... -
3.nodejs nodejs的mysql模块
2016-04-12 22:20 511安装nodejs的mysql模块首先要选定一个数据库,我选择 ... -
2.nodejs 使用Express4.x搭建第一个Web应用
2016-04-12 09:36 554Express4.x 是一个开源的node.js项目框架 ... -
1.nodejs windows 下安装nodejs
2016-04-12 09:34 3721.下载: 在nodejs的官方网站下载mis文件。ht ... -
Nodejs学习
2016-04-11 17:21 493将介绍如何利Javascript做为服务端脚本,通过Node ... -
HTML5做手机站页面字体显示很小的解决方法
2016-05-28 23:31 690HTML5做手机站需要加上一部分代码,不然字体会显示很小的 ... -
jquery 校验
2015-07-07 11:16 0EasyUI 验证框使用方法: ... -
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
2015-05-20 09:49 560一、javascript函数实现: //JavaS ... -
//from提交表单 使用ajax异步读取,回调函数
2015-04-24 18:05 0<%@ page language="ja ... -
js获取带checkbox行的记录的Id值的两个方法
2015-04-09 14:44 650第一种: function updateProcess() ... -
基于注解的SpringMVC简单介绍
2015-04-03 11:58 561SpringMVC是一个基于DispatcherServle ... -
Linux环境下Nginx的安装
2014-03-28 13:26 453Linux下命令: /usr/local/nginx/s ... -
自用打印(二)
2014-03-19 17:30 537<html> <title> ... -
自用打印方法(一)
2014-03-19 17:25 427经过验证的,自用的。 ... -
各种微博分享代码
2014-03-19 15:56 876<HTML> <HEAD> ... -
JSP页面打印(二)
2014-03-18 11:04 731<HTML><HEAD><T ... -
JSP页面打印方法(一)
2014-03-18 10:57 3067JSP页面打印方法 方法一:function Print ... -
jquery和js初始化加载的多种方法
2014-01-20 14:48 872jquery和js初始化加载页面的区别: jquery:等 ... -
js自动刷新当前页面
2013-12-19 14:09 758reload 方法,该方法强 ...
相关推荐
Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法
环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员
EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...
关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
29、Ext.data.MemoryProxy类 ……… 25 30、Ext.data.ScriptTagProxy类 ………… 25 31、Ext.data.DataReader类 ……………26 32、Ext.data.ArrayReader类 …………… 26 33、Ext.data.JsonReader类 …………… 26 ...
[Ext 3.x + Ext 2.x] 下拉树 Ext.ux.ComboBoxTree
Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文
Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI...
wsl2生成的vhdx 后缀的虚拟磁盘文件特点是可以自动扩容,但是一般不会自动缩容,这个脚本可以压缩vhdx文件,如果vhdx路径不知道可以参考:https://blog.csdn.net/wl6g11/article/details/131831524 ...
单片机第六次实验外部中断EXT1、EXT2.docx单片机第六次实验外部中断EXT1、EXT2.docx单片机第六次实验外部中断EXT1、EXT2.docx单片机第六次实验外部中断EXT1、EXT2.docx单片机第六次实验外部中断EXT1、EXT2.docx...
单片机第六次实验外部中断EXT1、EXT2.pdf单片机第六次实验外部中断EXT1、EXT2.pdf单片机第六次实验外部中断EXT1、EXT2.pdf单片机第六次实验外部中断EXT1、EXT2.pdf单片机第六次实验外部中断EXT1、EXT2.pdf单片机第六...
NULL 博文链接:https://kejiangwei.iteye.com/blog/429617
基于java的开发源码-Lerx开源网站内容管理系统(CMS.ext).zip 基于java的开发源码-Lerx开源网站内容管理系统(CMS.ext).zip 基于java的开发源码-Lerx开源网站内容管理系统(CMS.ext).zip 基于java的开发源码-Lerx开源...
基于java的开发源码-Java Lerx开源网站内容管理系统(CMS.ext).zip 基于java的开发源码-Java Lerx开源网站内容管理系统(CMS.ext).zip 基于java的开发源码-Java Lerx开源网站内容管理系统(CMS.ext).zip 基于java的开发...
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
org.restlet.ext.spring.jar
Ext.NET.MVC.Pro.2.2.0.zip 官网下载的
openwrt-by-linfang26-2016-10-17-x86-generic-combined-ext4.img
Ext3.x样式 Ext3.x皮肤 收集整理了21套Ext3.x的样式皮肤文件 如果各位嫌Ext样式单一的话绝对可以解决你的需求 让你眼前一亮