首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

ext_GridPanel1_一

2013-11-22 
ext_GridPanel1_1Ext.namespace(com.deng)/** * 表格相关的组件很多,大多定义在Ext.grid命名空间中,Gri

ext_GridPanel1_1

Ext.namespace("com.deng");/** * 表格相关的组件很多,大多定义在Ext.grid命名空间中,GridPanel就是其中一个,当然在该命名空间中 * 还有许多周边的组件和类,而且采取分层结构构建,各层职责非常清晰,GridPanel可以说是众星捧月,为了 * 让他更好的工作,很多人在背后默默的付出,下面的类都是他的支持者: * Ext.grid.ColumnModel: 列模型,定义GridPanel的表头 * Ext.grid.RowSelectionModel: 行选择模型,定义行的选择操作 * Ext.grid.GridView: 视图,负责表格面板效果的渲染; * Ext.grid.Store: 数据源,负责为表格面板提供各种格式的数据; * Ext.grid.RowNumberer(): 序号生成器,负责为每一行生成一个从1开始的序号 * Ext.grid.CheckboxSelectionModel:带复选框的行选择模型,为每行生成一个复选框,便于多选。 *  * 列模型与数据 * Ext.grid.GridPanel其实就是一个Panel,Ext.Panel是它的父类。在面板上放置表格数据就成了Ext.grid.GridPanel * 从外观上看,表格分成三大部分,表头、数据行和分页栏 * 表头为表格列提供一序列信息,包含了列的说明、列的宽度、是否可以改变列的大小、是否排序、是否出现菜单等数据。我们 * 可以根据客户需要完成相应的定制。 * 表头由列模型Ext.grid.ColumnModel定义,是Ext.util.Observable的子类,所以,列模型也会触发相应的事件。列模型 * 通常会包含若干个列的信息,每一列的信息保存在json结构中,一个列的配置选项有: *  * 配置选项名                    类型                       作用 * header                        String                    列头文字说明 * dataIndex                     String                    记录结果中的name属性值 * width                         Number                    列的宽度 * sortable                      Boolean                   是否排序 * fixed                         Boolean                   是否固定宽度 * resizable                     Boolean                   是否能改变列的宽度 * menuDisabled                  Boolean                   单击列头后是否出现菜单 * tooltip                       String                    悬停提示 * renderer                      Function                  自定义单元格内容 * align                         String                    列的对齐方式,有left、center和right *
?

热点排行