grid
本章任务
1.grid
/**
* 页面加载
*/
Ext.onReady(function() {
/**
* 列模型
*/
var _cm = new Ext.grid.ColumnModel({
columns : [{
header : '用户名',
dataIndex : 'userName'
}, {
header : "密码",
dataIndex : 'userPass'
}]
});
/**
* 字段类型
*/
var _fields = new Ext.data.Record.create([{
name : 'userName',
type : 'string'
}, {
name : 'userPass',
type : 'string'
}]);
/**
* 数据集
*/
var _store = new Ext.data.JsonStore({
url : './ch02.jsp',
root : 'users',
fields : _fields
});
/**
* 显示数据
*/
var _grid = new Ext.grid.GridPanel({
width : 300,//宽
height : 300,//高
renderTo : Ext.getBody(),
cm : _cm,//列模型
store : _store//数据集
});
/**
* 加载数据
*
*/
_store.load({})
});
本章目标
1. 理解Grid
分享到:
相关推荐
NULL 博文链接:https://fangyong2006.iteye.com/blog/712464
eclipse-ExtJs插件。 应该是目前写js和ExtJs最好的工具。 先到http://www.easyjf.com/上下载ExtJS2.0。 说明: 1,将下载的压缩包解压到eclipse的安装目录,完成后重启(自动会加载插件,也可CMD ECLIPSE目录 使用...
北风网--Extjs项目之个人理财项目(Extjs+S2SH+Mysql) 真正的完整版源代码
模仿ExtJS qwikiOffice中右下角的消息提示框
Jquery-Extjs4.0框架,用于前台页面开发的JS框架
asp.netCoolite-ExtJs简易新闻后台管理系统源码
Spket - ExtJS提示工具,并附带了需要加入ExtJS的提示内容文件ext-core-dev.js 一步到位
ExtJS4学习笔记(四)---Grid的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(八)---Grid多选/全选 ExtJS4学习笔记(九)...
struts2-extjs4.rar extjs4通过json和struts2进行交互的demo
SistemaBolsa /应用此文件夹包含该应用程序的javascript文件。SistemaBolsa /资源此文件夹包含静态资源(通常也包含"images"文件夹)。SistemaBolsa /替代此文件夹包含替代类。 如果加载了替代的目标类,则此文件夹...
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
dojochina-extjs视频密码,下载下来的视频解压是要密码的
JavaScript.-Extjs基础学习笔记
learning-Extjs国外第一本Ext译本
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...
再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...
Designer-extjsDesigner-extjsDesigner-extjsDesigner-extjsDesigner-extjsDesigner-extjs
eslint-plugin-extjs 使用ExtJS框架的项目的ESLint规则。 这些规则的目标是与ExtJS 4.x一起使用。 欢迎请求与5.x兼容的请求! 规则明细 ext-array-foreach ExtJS提供的两个主要的数组迭代器函数和不同之处在于, ...
JSP-ExtJS 2.2 图书管理系统.zip