`
liuye066
  • 浏览: 266361 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

Ext3.0学习笔记grid之autoExpandColumn

    博客分类:
  • ext
EXT 
阅读更多

当使用ext2.2时,autoExpandColumn为0时没效果,为1时第2列扩展,为2时第3列扩展;
当使用ext3.0时,autoExpandColumn为0时没效果,为1时第1列扩展,为2时第2列扩展,为3时第3列扩展

代码:

Ext.onReady(function(){
    var data = [
	  [1,"EasyJWeb","EasyJF","www.easyjf.com"],
	  [2,"Jfox","huihoo","www.huihoo.org"],
	  [3,"jdon","jdon","www.jdon.com"],
	  [4,"springside","springside","www.springside.org.cn"]
	];
	
	var store = new Ext.data.SimpleStore({
	  data:data,
	  fields:["id","name","organization","homepage"]
	});
	
	var grid = new Ext.grid.GridPanel({
	  renderTo:"hello",
	  title:"中国java开源产品及团队",
	  height:150,
	  width:560,
	  columns:[{header:"项目名称",dataIndex:"name"},
	      {header:"开发团队",dataIndex:"organization"},
		  {header:"网址",dataIndex:"homepage",renderer:showUrl}],
	  store:store,
	  //当使用ext2.2时,autoExpandColumn为0时没效果,为1时第2列扩展,为2时第3列扩展;
	  //当使用ext3.0时,autoExpandColumn为0时没效果,为1时第1列扩展,为2时第2列扩展,为3时第3列扩展
	  autoExpandColumn:3
	});
  });
  function showUrl(value){
    return "<a href='http://"+value+"' target='_blank'>"+value+"</a>";
  }

 

分享到:
评论

相关推荐

    Ext.grid.GridPanel属性祥解

    `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。对于初学者或者希望深入理解`GridPanel`特性的Web开发人员来说,掌握其...

    EXTGrid属性方法

    ### EXTGrid属性方法详解 #### 一、Ext.grid.GridPanel `Ext.grid.GridPanel`是ExtJS 4.0中的一个关键组件,用于创建数据表格。以下为该组件的一些核心属性及其含义: - **store**: 数据存储器,用于存放表格的...

    Ext_Js分页显示案例详解

    在Ext_Js中,主要依赖于`Ext.data.Store`对象来管理数据,以及`Ext.grid.Panel`或`Ext.dataview.DataView`等控件来展示这些数据。分页可以通过`Ext.PagingToolbar`组件实现。 1. **Store对象**:Store是Ext_Js中用...

    extgrid属性[文].pdf

    在软件开发中,特别是在构建用户界面时,ExtJS是一个常用且强大的JavaScript库,它提供了丰富的组件,例如Ext.grid,用于创建交互式的表格视图。在处理Ext.grid时,理解其属性、方法和事件是至关重要的。以下是对...

    Ext表格控件和树控件

    var grid = new Ext.grid.GridPanel({ renderTo: "hello", title: "NetJava表格测试", height: 150, width: 600, columns: [ { header: "项目名称", dataIndex: "name" }, { header: "开发团队", dataIndex:...

    Extjs4 GridPanel的主要配置参数详细介绍

    1、Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格...

    extjs ajax框架中文使用手册

    ### extjs ajax框架中文使用手册 #### EXT简介 ...通过学习本手册中的内容,你将能够快速掌握Ext JS的基本用法,并能够开发出高质量的Web应用程序。无论是新手还是有经验的开发者,都可以从中受益匪浅。

    GridPanel属性详解

    `Ext.grid.GridPanel` 是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。接下来,我们将详细探讨`Ext.grid.GridPanel`的一些关键属性。 #### ...

    gridpanel的使用

    * `reconfigure(Ext.data.Store store, Ext.grid.ColumnModel colModel)`: 使用一个新的数据集和列模式重新配置表格组件。 Ext.grid.Column Ext.grid.Column 是 GridPanel 的一个子组件,用于定义表格的列结构。其...

    ExtJS4.2入门教程

    var grid = new Ext.grid.GridPanel({ renderTo: Ext.getBody(), title: "中国Java社区", height: 200, width: 400, columns: [ { header: "编号", dataIndex: "id" }, { header: "项目名称", dataIndex: ...

    extjs表格、树控件

    var grid = new Ext.grid.GridPanel({ renderTo: "hello", title: "NetJava表格测试", height: 150, width: 600, columns: [ { header: "项目名称", dataIndex: "name" }, { header: "开发团队", dataIndex:...

    前台代发示例

    autoExpandColumn: 3 } ] }); ``` 这里创建了一个 `Viewport` 对象,用于管理整个应用的布局。`layout: "border"` 指定了边框布局模式,然后通过 `items` 属性设置了北区和中心区域的内容。这种布局模式非常适合...

    EXTJS分页全面分析

    var grid = new Ext.grid.GridPanel({ renderTo: Ext.getBody(), title: 'й', width: 650, autoHeight: true, autoExpandColumn: 'memo', cm: cm, store: store, bbar: pagebar }); ``` #### 三、服务端...

    ExtJS 2.0 GridPanel基本表格简明教程

    GridPanel的xtype为grid,这意味着开发者可以在使用Ext JS的类管理器时,通过简短的'grid'来创建一个新的GridPanel实例。 在ExtJS中使用GridPanel首先需要定义列信息和数据存储器Store。列信息由类Ext.grid....

    汇总Extjs中GridPanel的各个属性与方法.doc.pdf

    10. **view**: 指定表格的视图类型,通常为Ext.grid.GridView。 11. **viewConfig**: 视图的配置对象,可以调整视图的行为和样式。 12. **autoExpandMax**: 自动扩展列的最大宽度限制。 13. **autoExpandMin**: ...

Global site tag (gtag.js) - Google Analytics