| Defined In: | ColumnModel.js |
| Class: | Ext.grid.ColumnModel |
| Extends: | Ext.util.Observable |
var colModel = new Ext.grid.ColumnModel([
{header: "Ticker", width: 60, sortable: true},
{header: "Company Name", width: 150, sortable: true},
{header: "Market Cap.", width: 100, sortable: true},
{header: "$ Sales", width: 100, sortable: true, renderer: money},
{header: "Employees", width: 100, sortable: true, resizable: false}
]);
该类列出的配置选项也适用于各个列的定义(column definition)
| 配置项 | 定义者 | |
|---|---|---|
|
id
: String
(optional) Defaults to the column's...
(optional) Defaults to the column's initial ordinal position.
A name which identifies this column. The id is used to create a CSS class name which
is applied to all table cells (including headers) in that column. The class name
takes the form of
x-grid3-td-id Header cells will also recieve this class name, but will also have the class .x-grid3-hd.x-grid3-td-idThe Ext.grid.Grid#autoExpandColumn grid config option references the column via this identifier. |
ColumnModel | |
|
header
: String
在Grid头部视图中显示的文字。
在Grid头部视图中显示的文字。
|
ColumnModel | |
|
dataIndex
: String
(可选的)数据索引,相当于Grid记录集(Ext.data.Store...
(可选的)数据索引,相当于Grid记录集(Ext.data.Store里面的
Ext.data.Record )中字段名称,字段的值用于展示列里面的值(column's value)。
如不指定,Record的数据列中的索引将作为列的索引。
|
ColumnModel | |
|
width
: Number
(可选的)列的初始宽度(像素)。如采用{@link Ext.grid....
(可选的)列的初始宽度(像素)。如采用{@link Ext.grid.Grid#autoSizeColumns} 性能较差。
|
ColumnModel | |
|
sortable
: Boolean
(可选的)True表示为可在该列上进行排列。默认为true
...
(可选的)True表示为可在该列上进行排列。默认为true
由Ext.data.Store#remoteSort指定本地排序抑或是远程排序。
|
ColumnModel | |
|
locked
: Boolean
(可选的)True表示当滚动grid时,锁定列在某个位置。默认为fal...
(可选的)True表示当滚动grid时,锁定列在某个位置。默认为false。
|
ColumnModel | |
|
resizable
: Boolean
(可选的) False禁止列可变动大小。默认为true。
(可选的) False禁止列可变动大小。默认为true。
|
ColumnModel | |
|
hidden
: Boolean
(可选的) True表示隐藏列,默认为false
(可选的) True表示隐藏列,默认为false
|
ColumnModel | |
|
renderer
: Function
(可选的)该函数用于加工单元格的原始数据,转换成为HTML并返回给Gr...
(可选的)该函数用于加工单元格的原始数据,转换成为HTML并返回给GridView进一步处理。 参阅#setRenderer。
如不指定,则对原始数据值进行默认地渲染。
|
ColumnModel | |
|
align
: String
(可选的)设置列的CSS text-align 属性。默认为undef...
(可选的)设置列的CSS text-align 属性。默认为undefined。
|
ColumnModel | |
|
hideable
: Boolean
(可选的)指定false可禁止用户隐藏该列。默认为True。
(可选的)指定false可禁止用户隐藏该列。默认为True。
|
ColumnModel | |
|
editor
: Ext.form.Field
(可选的)如果Grid的编辑器支持被打开,这属性指定了用户编辑时所用的...
(可选的)如果Grid的编辑器支持被打开,这属性指定了用户编辑时所用的编辑器Ext.form.Field。
|
ColumnModel | |
|
listeners
: Object
一个配置项对象,可方便在该对象初始化时便加入多个事件处理函数。 这应该...
一个配置项对象,可方便在该对象初始化时便加入多个事件处理函数。 这应该是一个如#addListener有效的配置项对象,即可一次过加入多个事件处理函数。
|
Observable | |
| 方法 | 定义者 | |
|---|---|---|
ColumnModel
(
Object config
)
: Ext.grid.ColumnModel
构造器
构造器
参数项:
|
ColumnModel | |
getColumnId
(
Number index
)
: String
返回指定index列的Id
返回指定index列的Id
参数项:
|
ColumnModel | |
setConfig
(
Array config
)
重新配置列模型
重新配置列模型
参数项:
|
ColumnModel | |
getColumnById
(
String id
)
: Object
返回指定id的列
返回指定id的列
参数项:
|
ColumnModel | |
getIndexById
(
String id
)
: Number
返回指定列id的索引
返回指定列id的索引
参数项:
|
ColumnModel | |
|
getColumnCount
(
)
: Number
返回列数
返回列数
参数项:
|
ColumnModel | |
getColumnsBy
(
Function fn,
[Object scope]
)
: Array
传入一个function类型的参数,这个函数执行时会有(colum...
传入一个function类型的参数,这个函数执行时会有(columnConfig, index)的参数,如函数返回true则加入到数组中并返回
参数项:
|
ColumnModel | |
isSortable
(
Number col
)
: Boolean
返回指定的列可否排序
返回指定的列可否排序
参数项:
|
ColumnModel | |
getRenderer
(
Number col
)
: Function
返回对某个列的渲染(格式化)函数
返回对某个列的渲染(格式化)函数
参数项:
|
ColumnModel | |
class
(
Number col,
Function fn
)
Sets the rendering (formatting) f...
Sets the rendering (formatting) function for a column. See Ext.util.Format for some
default formatting functions.
to return HTML markup for the grid view. The render function is called with
the following parameters:
参数项:
|
ColumnModel | |
setRenderer
(
Number col,
Function fn
)
设置对某个列的渲染(格式化formatting)函数
这个渲染函...
设置对某个列的渲染(格式化formatting)函数
这个渲染函数调用时会有下列的参数:
参数项:
|
ColumnModel | |
getColumnWidth
(
Number col
)
: Number
返回某个列的宽度
返回某个列的宽度
参数项:
|
ColumnModel | |
setColumnWidth
(
Number col,
Number width
)
设置某个列的宽度
设置某个列的宽度
参数项:
|
ColumnModel | |
getTotalWidth
(
Boolean includeHidden
)
: Number
返回所有列宽度之和
返回所有列宽度之和
参数项:
|
ColumnModel | |
getColumnHeader
(
Number col
)
: String
返回某个列的头部(header)
返回某个列的头部(header)
参数项:
|
ColumnModel | |
setColumnHeader
(
Number col,
String header
)
设置某个列的头部(header)
设置某个列的头部(header)
参数项:
|
ColumnModel | |
getColumnTooltip
(
Number col
)
: String
返回某个列的工具提示(tooltip)
返回某个列的工具提示(tooltip)
参数项:
|
ColumnModel | |
setColumnTooltip
(
Number col,
String tooltip
)
设置某个列的提示文字(tooltip)
设置某个列的提示文字(tooltip)
参数项:
|
ColumnModel | |
getDataIndex
(
Number col
)
: Number
返回某个列的数据索引
返回某个列的数据索引
参数项:
|
ColumnModel | |
setDataIndex
(
Number col,
Number dataIndex
)
设置某个列的数据索引
设置某个列的数据索引
参数项:
|
ColumnModel | |
isCellEditable
(
Number colIndex,
Number rowIndex
)
: Boolean
返回单元格能否被编辑。
返回单元格能否被编辑。
参数项:
|
ColumnModel | |
getCellEditor
(
Number colIndex,
Number rowIndex
)
: Object
返回单元格/列所定义的编辑器
返回单元格/列所定义的编辑器
参数项:
|
ColumnModel | |
setEditable
(
Number col,
Boolean editable
)
设置列是否可编辑的。
设置列是否可编辑的。
参数项:
|
ColumnModel | |
isHidden
(
Number colIndex
)
: Boolean
返回true如果列是隐藏的
返回true如果列是隐藏的
参数项:
|
ColumnModel | |
|
isFixed
(
)
返回true如果列是固定的
返回true如果列是固定的
参数项:
|
ColumnModel | |
|
isResizable
(
)
: Boolean
如果列不能调整尺寸返回true
如果列不能调整尺寸返回true
参数项:
|
ColumnModel | |
setHidden
(
Number colIndex,
Boolean hidden
)
设置列隐藏
设置列隐藏
参数项:
|
ColumnModel | |
setEditor
(
Number col,
Object editor
)
为列设置编辑器
为列设置编辑器
参数项:
|
ColumnModel | |
fireEvent
(
String eventName,
Object... args
)
: Boolean
触发指定的事件,并将欲执行的处理函数的参数传入。(应该至少要有事件的...
触发指定的事件,并将欲执行的处理函数的参数传入。(应该至少要有事件的名称)
参数项:
|
Observable | |
addListener
(
String eventName,
Function handler,
[Object scope],
[Object options]
)
为该组件加入事件处理函数(event handler)
sc...
为该组件加入事件处理函数(event handler)
处理函数执行时所在的作用域。处理函数“this”的上下文。 触发事件后开始执行处理函数的延时时间(invocation:the act of making a particular function start),单位:毫秒 true代表为下次事件触发加入一个要处理的处理函数,然后再移除本身。 不同配搭方式的选项 一次调用加入上多个处理函数(handlers) 或者是以简写的方式书写,前提是只允许同一个的作用域对象传入到所有的处理函数中:
参数项:
|
Observable | |
removeListener
(
String eventName,
Function handler,
[Object scope]
)
移除侦听器
移除侦听器
参数项:
|
Observable | |
|
purgeListeners
(
)
从这个对象身上移除所有的侦听器
从这个对象身上移除所有的侦听器
参数项:
|
Observable | |
addEvents
(
Object object
)
定义观察者的事件。
定义观察者的事件。
参数项:
|
Observable | |
hasListener
(
String eventName
)
: Boolean
查询该对象是否有指定事件的侦听器
查询该对象是否有指定事件的侦听器
参数项:
|
Observable | |
|
suspendEvents
(
)
暂停触发所有的事件(参阅#resumeEvents)
暂停触发所有的事件(参阅#resumeEvents)
参数项:
|
Observable | |
|
resumeEvents
(
)
重新触发事件(参阅{@link #suspendEvents})
重新触发事件(参阅{@link #suspendEvents})
参数项:
|
Observable | |
on
(
String eventName,
[Object scope],
Function handler,
[Object options]
)
为该元素添加事件处理函数(event handler),addLis...
为该元素添加事件处理函数(event handler),addListener的简写方式 @param {String} eventName 侦听事件的类型 @param {Object} scope (可选的) 执行处理函数的作用域 @param {Function} handler 事件涉及的方法 @param {Object} options (可选的)
参数项:
|
Observable | |
un
(
String eventName,
Function handler,
[Object scope]
)
移除侦听器 @param {String} eventName ...
移除侦听器 @param {String} eventName 侦听事件的类型 @param {Function} handler 事件涉及的方法 @param {Object} scope (可选的)处理函数的作用域
参数项:
|
Observable | |
capture
(
Observable o,
Function fn,
[Object scope]
)
开始捕捉特定的观察者。 在事件触发之前,所有的事件会以“事件名称+标...
开始捕捉特定的观察者。 在事件触发之前,所有的事件会以“事件名称+标准签名”的形式传入到函数(传入的参数是function类型)。 如果传入的函数执行后返回false,则接下的事件将不会触发。 @param {Observable} o 要捕捉的观察者 @param {Function} fn 要调用的函数 @param {Object} scope (可选的)函数作用域
参数项:
|
Observable | |
releaseCapture
(
Observable o
)
从Observable身上移除所有已加入的捕捉captures。 @...
从Observable身上移除所有已加入的捕捉captures。 @param {Observable} o 要释放的观察者
参数项:
|
Observable | |