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使用
我在.net环境中写得一个显示,增加,删除,分页的例子,请大家提出意见
本实例使用官方Ext3.1包 分五个部分 1.创建简单快捷的Ext Grid控件 代码清晰 2.Grid 读取 Xml 3.Grid 读取 json 4.Grid 读取 Excel 5.直接在 Grid 控件进行增删改查的操作 有任何疑问的同志欢迎提出即可谢谢
一个完整的ext中grid与tree的使用,是很好的一个学习例子.
要实现Ext Grid的远程排序其实很简单,只要修改查询语句的排序关键字就可以了,但是,如果你的项目是使用Linq进行开发的,会发现动态修改排序关键字并不是那么容易的事,解决办法就是使用LINQ Dynamic Query Library...
使用对ExtGrid 的扩展,根据store里的数据生成xml格式的excel文件,然后导出。
非常流行的网页开发框架,另你耳目一新啊。超级经典啊
Ext自定义Grid Cell插件,使用此插件可以在Grid空间的Cell单元格中插入指定的控件
本例子使用了ext2.1包,使用json存储数据,达到服务器端的grid分页。
使用ext3.0 实现 GridPanel 分页显示,调用后台数据 ,格式为json,数据使用 xml 无数据库下载就可以运行,与dwr结合
Ext2.0框架的Grid的使用 开放前台 美观页面
在jsp中使用ext显示一个简单的数据表格,非常实用,以后如果要开发Ajax的页面数据表格可以直接套用,使用编码UTF-8
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
最近空闲时间在学习Ext2.0框架,只有一个字的感叹“强”,我从未想到JS代码能够写出这么绚丽的Web页面出来,以前看到YUI,惊若天人,如今看到EXT2.0的东西,更是感觉震撼。
使用Ajax技术在ExtGrid插件中展示数据,这是一个开源的JavaScript Jabber Messenger,采用Ext2.0与Prototype开发,界面比较美观
将看根据官方网站书写的标准的Ext表格效果的代码--参见ExtGrid.js文档。 5. http://localhost:8080/Ext2.2Tutorial/IntroToExt/ExtStart.html页面的用户名栏柆输入Test Name会看从Web服务器返回的字符串 对于代码...
Ext日期时间控件 Spiiner控件及其它Ext代码
移动开发,主要用于开发JS,很快捷方便,使用
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...