`
jameszhao83
  • 浏览: 66175 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

extgrid的使用

阅读更多

js文件部分

Ext.onReady(function(){
	var data=[[1,'james','manager'],
	          [2,'falk','engine'],
	          [3,'d','www'],
	          [4,'s','fff']];
	var vstore=new Ext.data.ArrayStore({data:data,fields:["id","name","job"]});
	var grid=new Ext.grid.GridPanel({
		title:"asus",
		store:vstore,
		autoHeight:true,
		columns:[{header:"编号",dataIndex:'id'},{header:"姓名",dataIndex:'name'},{header:"工作",dataIndex:"job"}]
	});
	new Ext.Viewport({layout:"border",items:[{region:"north",height:100,title:"顶部"},{region:"west",width:150,title:"菜单栏"},{region:"center",title:"内容部分",items:[grid]}]});
});

 viewport会直接绘制在页面上

分享到:
评论

相关推荐

    EXT GRID使用

    EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用

    ExtGrid使用

    我在.net环境中写得一个显示,增加,删除,分页的例子,请大家提出意见

    Ext Grid控件的高级应用

    本实例使用官方Ext3.1包 分五个部分 1.创建简单快捷的Ext Grid控件 代码清晰 2.Grid 读取 Xml 3.Grid 读取 json 4.Grid 读取 Excel 5.直接在 Grid 控件进行增删改查的操作 有任何疑问的同志欢迎提出即可谢谢

    Ext grid与树实例

    一个完整的ext中grid与tree的使用,是很好的一个学习例子.

    使用Dynamic LINQ实现Ext Grid的远程排序

    要实现Ext Grid的远程排序其实很简单,只要修改查询语句的排序关键字就可以了,但是,如果你的项目是使用Linq进行开发的,会发现动态修改排序关键字并不是那么容易的事,解决办法就是使用LINQ Dynamic Query Library...

    从Ext grid导出Excel的代码和方法

    使用对ExtGrid 的扩展,根据store里的数据生成xml格式的excel文件,然后导出。

    Ext框架的Grid使用介绍

    非常流行的网页开发框架,另你耳目一新啊。超级经典啊

    Ext自定义Grid Cell插件

    Ext自定义Grid Cell插件,使用此插件可以在Grid空间的Cell单元格中插入指定的控件

    ext grid带分页(服务器端)

    本例子使用了ext2.1包,使用json存储数据,达到服务器端的grid分页。

    Ext Grid +dwr 列表展示展示带分页

    使用ext3.0 实现 GridPanel 分页显示,调用后台数据 ,格式为json,数据使用 xml 无数据库下载就可以运行,与dwr结合

    Ext2.0框架的grid使用

    Ext2.0框架的Grid的使用 开放前台 美观页面

    JSP中使用EXT实现grid table

    在jsp中使用ext显示一个简单的数据表格,非常实用,以后如果要开发Ajax的页面数据表格可以直接套用,使用编码UTF-8

    Ext.net实现GridPanel拖动行、上移下移排序功能DEMO

    对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...

    Ext2.0框架的Grid使用介绍

    最近空闲时间在学习Ext2.0框架,只有一个字的感叹“强”,我从未想到JS代码能够写出这么绚丽的Web页面出来,以前看到YUI,惊若天人,如今看到EXT2.0的东西,更是感觉震撼。

    Ajax和Ext插件的使用

    使用Ajax技术在ExtGrid插件中展示数据,这是一个开源的JavaScript Jabber Messenger,采用Ext2.0与Prototype开发,界面比较美观

    Ext2.2开发指南--完整翻写Ext官方网站学习指南介绍

    将看根据官方网站书写的标准的Ext表格效果的代码--参见ExtGrid.js文档。 5. http://localhost:8080/Ext2.2Tutorial/IntroToExt/ExtStart.html页面的用户名栏柆输入Test Name会看从Web服务器返回的字符串 对于代码...

    Ext日期时间控件 Spinner控件 Ext代码 Extjs Grid

    Ext日期时间控件 Spiiner控件及其它Ext代码

    Ext.ux.touch.grid-master.rar

    移动开发,主要用于开发JS,很快捷方便,使用

    extjs中设置grid默认行高及换行

    Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...

Global site tag (gtag.js) - Google Analytics