`

ext_GridPanel1_4

 
阅读更多
	//Record 定义记录结果
	var Human = Ext.data.Record.create([
	   {name: "Name", type: "string", mapping: "name"},
	   {name: "Sex", type: "string", mapping: "sex"},
	   {name: "Birthday", type: "string", mapping: "birthday"},
	   {name: "Education", type: "string", mapping: "edu"},
	   {name: "Memo", type: "string", mapping: "memo"}
	]);
	
	//Reader
	var reader = new Ext.data.JsonReader({}, Human);
	
	//store
	var store = new Ext.data.Store({
		proxy: proxy,
		reader: reader
	});
	store.load();
	//列模型中的dataIndex必须和Human结构中的name属性值一一对应,这样就知道每一列显示什么值。
    //现在列模型和数据都准备好了,将这些数据做为GridPanel的选项配置传递到GridPanel的构造方法中
	//并适当设置GridPanel的外观参数,效果就出来了
	var grid = new Ext.grid.GridPanel({
		title: "中国公民",
		width: 600,
		autoHeight: true,
		cm: cm,
		store: store,
		renderTo: "a",
		autoExpandColumn: "memo" //自动伸展,占满剩余区域
	});
	//很多都是Ext.Panel中非常熟悉的参数,需要指出的是autoExpandColumn选项,该选项很有用,他能自动
	//占用剩余的空间,将面板填满,autoExpandColumn的属性值是列模型中的id属性值,为了配合该功能,”备注“列和别的
	//列不一样,多了一个id属性,千万谨记
});
 
分享到:
评论

相关推荐

    Ext的gridpanel控件二次加载问题

    1. 使用`Ext.ComponentQuery`查询已存在的GridPanel,避免使用全局变量。 2. 在需要时动态加载和卸载GridPanel,通过Ext JS的容器系统实现。 3. 如果数据更新频繁,可以考虑使用Store的buffered rendering特性,减少...

    ext_ext_knew7pi_ajax_

    在`knew7pi`这个标签中,可能是指某个个人或团队对EXT 1.1的深入理解和实践,他们分享了一些关于EXT AJAX的实例,包括如何使用EXT组件(如GridPanel、Menu和Window)与服务器进行AJAX交互,实现动态内容展示和用户...

    Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2

    `Ext.grid.GridPanel`则是一个数据展示组件,常用于表格数据的展示和操作。每个类都详细说明了其构造函数、配置选项、事件处理函数以及方法的使用。 在API文档中,开发者还可以找到关于布局管理、数据绑定、Ajax...

    EXT_JS实用开发指南_个人整理笔记

    1. **引入EXT_JS库**: 在EXT_JS开发中,首先要在HTML页面中引入EXT_JS的样式表和JavaScript库文件。通常,这包括`extjs/resources/css/ext-all.css`用于样式,`extjs/adapter/ext/ext-base.js`作为适配器,以及`...

    Ext实现GridPanel内嵌行内嵌表格(RowExpander)

    4. 数据源与详细信息:确保你的数据源(可能是Store)包含了展开所需的所有详细信息。这些信息应该与主数据模型相关联,以便在展开时正确填充模板。 5. 最后,你需要在GridPanel的视图配置中指定RowExpander的列...

    Ext_Js分页显示案例详解

    - **使用Ext.Js**:前端页面使用Ext.Js创建GridPanel,并绑定PagingToolbar组件,以便实现分页功能。 ```javascript Ext.onReady(function() { var store = new Ext.data.JsonStore({ url: 'display.action', ...

    ext.net gridpanel 弹出窗

    ext.net gridpanel 弹出窗

    Ext GridPanel 中实现加链接操作

    ### Ext GridPanel 中实现加链接操作 在前端开发领域中,Ext JS 是一款非常流行的 JavaScript 框架,用于构建企业级的 Web 应用程序。Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍...

    Ext GridPanel导出Excel(改进)

    将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...

    Ext.grid.GridPanel 删除线

    Ext.grid.GridPanel 删除线 放到example文件夹下运行

    ext.net 动态创建gridpanel

    1. **动态创建GridPanel**: 在Ext.NET中,动态创建GridPanel意味着在运行时根据需要生成组件。这通常涉及到在服务器端代码(如C#或VB.NET)中创建GridPanel对象,设置其属性,然后将它添加到对应的容器中。`...

    ext form gridpanel

    "Ext Form GridPanel"是Ext JS库中的一个重要组件,它结合了表格(Grid)和表单(Form)的功能,提供了一种强大而灵活的方式来显示和编辑数据。在Web应用程序开发中,这种组件常用于数据录入和展示,尤其适用于处理...

    tapestry4.02中封装ext的GridPanel组件

    在Tapestry 4.02中封装Ext的GridPanel组件,意味着开发者将ExtJS的GridPanel功能集成到Tapestry应用中,使Tapestry应用能够利用GridPanel的强大功能。这个过程通常涉及到以下几个关键步骤: 1. **引入ExtJS库**:...

    EXT GridPanel获取某一单元格的值

    1. `cellclick`: 这是EXT GridPanel的事件名,当用户点击表格内的某个单元格时触发。 2. `function(grid, rowIndex, columnIndex, e)`: 这是事件处理函数,传入四个参数: - `grid`: 引发事件的GridPanel实例。 - ...

    Ext.grid.GridPanel属性祥解

    ### Ext.grid.GridPanel属性详析 #### 一、Ext.grid.GridPanel概述 `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。...

    ext gridpanel 跨行

    "ext gridpanel 跨行"这个主题主要涉及到在GridPanel中实现单元格或行的跨行显示,这在展示复杂数据或需要组合信息时非常有用。 首先,让我们深入理解什么是GridPanel。在Ext JS中,GridPanel是一个表格视图,它...

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

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

    Ext修改GridPanel数据和字体颜色、css属性等

    Ext修改GridPanel数据和字体颜色等,不是单指EditGridPanel 首先获取选中的行(当然也可以获取单元格): 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置: 代码如下: selectedRow....

    ExtAspNet_v2.1.0.zip_ExtAspNet_ExtAspNet 2008_V2 _asp.net ext_ex

    1. **服务器端控件**:ExtAspNet提供了大量服务器端控件,如GridPanel、FormPanel、Window、TabPanel等,它们与ASP.NET的控件类似,可以方便地在后台代码中进行操作。 2. **数据绑定**:这些控件支持多种数据源,...

    EXTJSEXT实例GridPanel.

    4. **GridPanel**: 最后,创建GridPanel本身,将Store和ColumnModel作为参数传递。 ```javascript var grid = new Ext.grid.GridPanel({ store: store, cm: cm, renderTo: Ext.getBody() // 渲染到页面的body...

Global site tag (gtag.js) - Google Analytics