Gridx ColumnResizer 模块

Gridx ColumnResizer 模块允许用户调整列宽度。用户可以拖动列头部分来调整列宽度。

引入模块

require([
    'gridx/Grid',
    'gridx/core/model/cache/Sync',
    'gridx/modules/ColumnResizer',
    ...
], function(Grid, Cache, ColumnResizer, ...){
    var grid = new Grid({
        cacheClass: Cache,
        modules: [
            ColumnResizer,
            ...
        ],
        ...
    });
    ...
});

配置选项

minWidth

类型：number
默认值：20
描述：列宽的最小值，当列宽小于该值时，用户将无法再调整列宽。

autoResize

类型：boolean
默认值：true
描述：是否允许自动调整列宽度。如果设置为 true，则当用户双击列头部分时，列宽将自动调整为适当的大小。

realtimeSizing

类型：boolean
默认值：false
描述：是否实时调整列宽度。如果设置为 true，则用户拖动列头部分时，列宽将实时调整，而不是在用户松开鼠标时才调整。

defaultTimeout

类型：number
默认值：1000
描述：列宽调整的默认超时时间（以毫秒为单位）。如果用户拖动列头部分时，列宽调整超过该时间，列宽将自动调整为适当的大小。

boundaryThreshold

类型：number
默认值：0.5
描述：拖动列头部分时，列宽调整的边界阈值。如果用户拖动列头部分时，距离列边界的距离小于该值，列宽将不会调整。

handleMinimalHeight

类型：number
默认值：5
描述：拖动列头部分时，调整列宽度的句柄的最小高度（以像素为单位）。

API

resize

调整指定列的宽度。

grid.columnResizer.resize(column, width);

column：要调整宽度的列的 ID 或索引。
width：要设置的宽度值（以像素为单位）。

getResizeHandleNode

获取指定列的调整句柄节点。

grid.columnResizer.getResizeHandleNode(column);

column：要获取调整句柄节点的列的 ID 或索引。

getResizeHandleHeight

获取调整句柄的高度。

grid.columnResizer.getResizeHandleHeight();

getBoundaryThreshold

获取边界阈值。

grid.columnResizer.getBoundaryThreshold();

setBoundaryThreshold

设置边界阈值。

grid.columnResizer.setBoundaryThreshold(threshold);

threshold：边界阈值。

getHandleMinimalHeight

获取句柄的最小高度。

grid.columnResizer.getHandleMinimalHeight();

setHandleMinimalHeight

设置句柄的最小高度。

grid.columnResizer.setHandleMinimalHeight(height);

height：句柄的最小高度。