1.XML格式
a)hello.xml
<!---->
<dataset>
??<row>
????<id>1</id>
????<name>EasyJWeb</name>
????<organization>EasyJF</organization>
????<homepage>www.easyjf.com</homepage>
??</row>
??<row>
????<id>2</id>
????<name>jfox</name>
????<organization>huihoo</organization>
????<homepage>www.huihoo.org</homepage>
??</row>
??<row>
????<id>3</id>
????<name>jdon</name>
????<organization>jdon</organization>
????<homepage>www.jdon.com</homepage>
??</row>
??<row>
????<id>4</id>
????<name>springside</name>
????<organization>springside</organization>
????<homepage>www.springside.com.cn</homepage>
??</row>
</dataset>
b).GridPanel.html
<html>
?<head>
?<meta http-equiv="Content-Type" content="text/html;charset=" gb2312"="">
??
??<title>Extjs</title>
??<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css">
??<noscript type="text/javascript" src="../../adapter/ext/ext-base.js"></noscript>
??<noscript type="text/javascript" src="../../ext-all.js"></noscript>
??<noscript>
?
??? Ext.onReady(function(){
??? ????//用来定义要显示的数据
??? ???? var data = [[1,'EasyJWeb','EasyJF','www.easyjf.com'],
??? ???? ?????? [2,'jfox','huihoo','www.huihoo.org'],
??? ???? ?????? [3,'jdon','jdon','www.jdon.com'],
??? ???? ?????? [4,'springside','springside','www.springside.com.cn']];
??? ???? //用来创建一个数据存储(重要环节存储器Store用来负责把各种各样的数据转换成ExtJS 的数据记录集Record)
??? ???? var store = new? Ext.data.SimpleStore({data:data,fields:["id","name","organization","homepage"]});
??? ????
??? ???? //负责创建一个表格 表格 包含的列由columns配置属性来描述每一行数数据用来描述一列信息
??? ???? //表格的列信息 包含列头显示文本header
??? ???? //列对应的记录集字段 dataIndex
??? ???? //列是否可排序? sortable
??? ???? //列的渲染函数 render
??? ???? //宽度 width
??? ???? //格式化信息 format
??? ???/*? var grid = new Ext.grid.GridPanel({
??? ???? ??renderTo:"hello",
??? ???? ??title:"中国java开源产品",
??? ???? ??height:150,
??? ???? ??width:600,
??? ???? ??columns:[
??? ???? ?????? {header:"项目名称",dataIndex:"name"},
??? ???? ?????? {header:"开发团队",dataIndex:"organization"},
??? ???? ???????{header:"网址",dataIndex:"homepage"}],
??? ???? ??store:store,
??? ???? ??autoExpandColumn:2
??? ???? ???
??? ???? });*/
??? ???? var colM = new Ext.grid.ColumnModel([{header:"项目名称",dataIndex:"name",sortable:true},
??? ???? ??????????????????? {header:"开发团队",dataIndex:"organization",sortable:true},
??? ???? ??????????????????? {header:"网址",dataIndex:"homepage",renderer:showUrl}
??? ???? ??????????????????? ]);
???????? var? grid = new Ext.grid.GridPanel({
???????? ?
???????? ??title:"中国java开源产品",
???????? ??height:150,
???????? ??width:600,
???????? ??cm:colM,
???????? ??store:store,
???????? ??autoExpandColumn:2
???????? });
????????
??? });?
???
???
???function showUrl(value){
?????return ""+value+"";
???}
???
???//xml格式
??? Ext.onReady(function(){
??? ????var store = new Ext.data.Store({
??? ??????url:"hello.xml",
??? ??????reader:new Ext.data.XmlReader({
??? ??????record:"row",id:"id"},
??? ??????["name","organization","homepage"])
??? ????});
??? ????? var ds = new Ext.data.Store({
??????????????? proxy: new Ext.data.HttpProxy({url: "hello.xml"}),
??????????????? reader: new Ext.data.XmlReader({record: "row", id: "id"},
??????????????????????????????????????????????? ['name', "organization", "homepage"])
??????????? ??});
??? ????var colM = new Ext.grid.ColumnModel([
??? ????{header:"项目名称",dataIndex:"name",sortable:true},
??? ????{header:"开发团队",dataIndex:"organization",sortable:true},
??? ????{header:"网址",dataIndex:"homepage",sortable:true}]);
??? ????var grid = new Ext.grid.GridPanel({
??? ????? renderTo:"aaa",
??? ????? title:"java开发团队",
??? ????? height:200,
??? ????? width:600,
??? ????? cm:colM,
??? ????? store:store,
??? ????? autoExpandColumn:2
??? ????});
??? ????store.load();
??? });
??????? //json格式
??? Ext.onReady(function(){
??? ???var? data = [ {id:1,name:'EasyJWeb',organization:'EasyJF',homepage:'www.easyjf.com'},
??? ??????????{id:2,name:'jfox',organization:'huihoo',homepage:'www.huihoo.org'},
??? ??????????{id:3,name:'jdon',organization:'jdon',homepage:'www.jdon.com'},
??? ??????????{id:4,name:'springside',organization:'springside',homepage:'www.springside.com.cn'}];
??? ???
??? ???var store = new Ext.data.JsonStore({data:data,fields:["id","name","organization","homepage"]});
??? ???var colM = new Ext.grid.ColumnModel([??? {header:"项目名称",dataIndex:"name",sortable:true},
??? ???? ??????????????????? {header:"开发团队",dataIndex:"organization",sortable:true},
??? ???? ??????????????????? {header:"网址",dataIndex:"homepage",renderer:showUrl}
??? ???? ??????????????????? ]);
??????var grid = new Ext.grid.GridPanel({
??????? renderTo:"aaa",
??????? title:"中国java开源产品",
??????? height:200,
??????? width:600,
??????? cm:colM,
??????? store:store,
??????? autoExpandColumn:2
??????});??? ???? ???????????????????
??? });
??</noscript>
?</head>
?
?<body>
????
相关推荐
Ext2.2-用XML做数据源,可编辑Grid的例子.rar
在CDH使用oozie 的时候需要安装ext-2.2.zip; 新增和改进的功能包括: 1、FileUploadField 文件上传 ...页码导航条中的刷新按钮也有小变化。 另外界面美化了很多。Ext.form.ComboBox 的样式就很漂亮!
接下来 在mysql里建立 数据库位ext的库 再去项目中 src/META-INF/persistence.xml的配置文件里吧<!-- <property name="hibernate.hbm2ddl.auto" value="update" /> -->这句话的注释去掉 好了 部署项目到tomcat上 ...
8.1.3 格式化输出数据:ext.string、ext.number、ext.date和ext.util.format / 389 8.1.4 超级模板:ext.xtemplate(包括ext.xtemplateparser和ext.xtemplatecompiler) / 393 8.1.5 模板的方法 / 396 8.2 组件...
模拟登录界面,加入验证码,xml树的实现 Ext viewport框架 等好多东西,都是自己在学习ext中想到什么就做个例子,只是有点乱,共同研究共同进步 在javascript目录下加入Ext2.0 在lib下加入所需要的jar 数据库是...
经常用到对xml的操作,Java里面有dom和dom4j等工具类,但是Javascript就没有,所以自己写了一个,目前算作第一个版本吧。肯定还有很多地方需要改进,如果有需要用的朋友,可以把bug和需要完善改进的地方留言或评论。...
<list> <software> 软件1</name> <icon>1.gif</icon> </software> <software> 控件2</name> <icon>2.gif</icon> </software> </list> 这一种比较常见 网上很多例子都是这种格式,我也写一下主要代码 var Info= Ext....
本来想像petshop一样做多个DAL来执行不同的代码的,但使用NHibernate之后发现他就可以通过不同的配置来实现连接不同的数据库,原系统中的HSRK.... 将hibernate.cfg.xml中的注销掉又加上突然又行了,真是莫名其妙
本来想像petshop一样做多个DAL来执行不同的代码的,但使用NHibernate之后发现他就可以通过不同的配置来实现连接不同的数据库,原系统中的HSRK.... 将hibernate.cfg.xml中的注销掉又加上突然又行了,真是莫名其妙
1 安装oracle,这个例子只做了oracle版本,如果需要,后期可以加上mysql版本,呵呵。 2 运行建用户及表空间的脚本。db_desc_ddl.sql. 3 执行初始化数据脚本。db_desc_dml.sql 4 导入工程,部署,打开浏览器输入 ...
这是Dom解析大xml文件的例子,它能使xml各节点,一树状菜单的形式显示在页面上。
Extjs4的demo 很不错的例子
功能:使用dwr完成在客户端无刷新的分页排序等 <br>工具:MyEclipse 6.0,数据库SQLSERVER 2000 <br>数据在SQL文件夹下,Jobs是pubs数据库自带的...如果不是用Spriing就要修改dwr.xml(用的是spring bean) <br>...
本文实例讲述了Android TextView实现垂直滚动效果的方法。分享给大家供大家参考,具体如下: 在TextView中,如果文本很长,可能需要实现垂直滚动显示文本的效果。...下面是一个完整的XML代码例子。 <?xml ver
本文实例讲述了asp.net...下面的例子给出了使用WriteElementString来写入一个cdata区域。 首先添加引用 using System.Xml 程序中这样来写 void page_load(object sender, System.EventArgs e){ XmlTextWriter xmlW
ext-xml php 建立 克隆回购 光盘回购目录 作曲家安装 symfony服务器:启动 .env.local DOG_CEO_CACHE_KEY="something-really-secure-lol" DOG_CEO_LAMBDA_URI=...
增加了页面分页和后台分页方法 (如果看了我第一个例子的朋友.应该看到我在service层的find方法上的注释.说当前版本因为原来使用find方法是从代理中取.而spring默认的数据持久话只能包含业务层和数据层.不能包含...
一般来说,View用于XML数据源;JSONView用于JSON数据源。 View如何工作? 记得以前如何输出一个记录吗?以网上商店为例子;以前是这样输出一个商品的: <% ….. //下列服务端代码为ASP using
例子:['xml', 'java'] def GetFileFromThisRootDir(dir,ext = None): allfiles = [] needExtFilter = (ext != None) for root,dirs,files in os.walk(dir): for filespath in files: filepa
例子: ext { kaazingHomeDir = '/home/xuwam/kaazing-websocket-gateway-jms-4.0.6'}对 JMS 服务的conf/gateway-config.xml进行更改: 添加接受的 URL: <accept>ws://${gateway.hostname}:${gateway.extras.port}...