<script type="text/javascript">
Ext.onReady(function(){
var data=[[1,'name','age','sex'],[2,'tel','taller','www.iteye.com'],[3,'add','qq','email']]; //定义一个二维数组
var store = new Ext.data.SimpleStore({data:data,fields:['id','name','hody','homepage']}); //定义一个数据源
//创建三个列
var colM = new Ext.grid.ColumnModel([
{header:'person',dataIndex:'name',sortable:true}, //sortable为true,表示可以根据这列排序（升序或降序）
{header:'common',dataIndex:'hody',sortable:true},
{header:'other',dataIndex:'homepage',renderer:showUrl}
]);
var grid = new Ext.grid.GridPanel({
renderTo:'hello',
title:'example',
height:200,
width:600,
cm:colM, //指创建的那三个列
store:store,
autoExpandColumn:2
});
});
function showUrl(value){
return ""+value+"";
}
</script>
</head>
<body>
<div id="hello"></div>
</body>
</html>
Ext.onReady(function(){
var data=[[1,'name','age','sex'],[2,'tel','taller','www.iteye.com'],[3,'add','qq','email']]; //定义一个二维数组
var store = new Ext.data.SimpleStore({data:data,fields:['id','name','hody','homepage']}); //定义一个数据源
//创建三个列
var colM = new Ext.grid.ColumnModel([
{header:'person',dataIndex:'name',sortable:true}, //sortable为true,表示可以根据这列排序（升序或降序）
{header:'common',dataIndex:'hody',sortable:true},
{header:'other',dataIndex:'homepage',renderer:showUrl}
]);
var grid = new Ext.grid.GridPanel({
renderTo:'hello',
title:'example',
height:200,
width:600,
cm:colM, //指创建的那三个列
store:store,
autoExpandColumn:2
});
});
function showUrl(value){
return ""+value+"";
}
</script>
</head>
<body>
<div id="hello"></div>
</body>
</html>
分享到：
发表评论
-
ORACLE学习笔记1
2011-04-28 11:25 616查看表结构使用Oracle SQL * Plus 的DESCR ... -
String与StringBuffer传参的区别（2）
2011-03-26 13:41 669String与StringBuffer传参的区别（1）里写了一 ... -
String与StringBuffer传参的区别（1）
2011-03-26 11:57 833private void getValue(StringB ... -
鼠标移动表格行上行变色的JS脚本
2011-03-17 10:56 1217<body> <script> fu ... -
把数据导入到.CSV文件,用的是opencsv-1.8.jar框架
2011-03-16 15:05 2068public static void main(String[ ... -
javascript study web
2011-03-14 22:48 621very good -
javascript代码大全
2011-03-14 22:37 933javascript 的一些常用特效 -
关于js的一些基础知识
2011-01-13 14:31 578http://www.iteye.com/wiki/javas ... -
英文字母大写转小写
2011-01-04 11:46 774public static void main(String ... -
FileInputStream小例子(2)
2010-12-23 10:26 1246package IO; import java.io.Fil ... -
FileInputStream小例子(1)
2010-12-23 10:07 1679mport java.io.FileInputStream; ... -
用File类创建目录和文件
2010-12-22 16:45 1058import java.io.File; import jav ... -
File类小例子(二)
2010-12-22 14:48 661public class FileDown { publi ... -
File类小例子
2010-12-22 14:23 675import java.io.File; import jav ... -
JS正则表达式(4)--match()方法的使用
2010-12-16 16:53 930var match = /[A-Z]/g; //在整个字符串中 ... -
JS正则表达式(3)--replace()方法的使用
2010-12-16 11:27 655var str = "give me some su ... -
JS正则表达式(2)--exec()方法的使用
2010-12-16 10:01 717var myPC ="Ykf 890"; ... -
JS正则表达式(1)--test()方法的使用
2010-12-15 17:11 1285<script type="text/java ... -
xml文件
2010-12-10 16:26 647<?xml version="1.0" ... -
gridpanel之四简单小例子(用XML做为数据源)
2010-12-10 16:26 721<script type="text/java ...
相关推荐
一个关于GridPanel的使用例子 介绍了Proxy，JsonReader Store gridPanel等几个对象的简单使用
Ext的gridpanel控件二次加载时丢失解决方案
NULL 博文链接：https://aa00aa00.iteye.com/blog/564647
EXT实例GridPanel. 实现简单的。
扩展的GridPanel，让其分页后保持选择状态
介绍了去掉gridPanel表头全选框的小例子，有需要的朋友可以参考一下
gridpanel的使用，挺好的啊 gridpanel的使用，挺好的啊 gridpanel的使用，挺好的啊
Extnet GridPanel 增行 删行 弹出窗体 页面传值
改变gridpanel的行颜色，以及gridpanel 的表格变色
ExtJS的GridPanel导出excel文件,方便快捷易懂!
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
Ext.grid.GridPanel 删除线 放到example文件夹下运行
该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释，可能注释不全。分别为group.jsp，totals.jsp页面。
ExtJs GridPanel双击事件获得双击的行，双击行可以选中前面的checkbox，并获得行号
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
对于GridPanel中拖动选中行排序的实现，网上有不少ExtJs实现的例子，但是没有找到使用Ext.net实现的，正好最近有个需求要使用，干脆来写一个。 DEMO功能说明： 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
详细介绍GridPanel各项属性，ExtJS 普通表格：Ext.grid.GridPanel属性详解
本人自己写的Extjs入门教程，上面实现了treePanel和GridPanel的集成和交互。
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
针对Gridpanel多表头的扩展，适用于2.2的ext版本，3以上的没有测试过，有兴趣的可以自己研究研究。