Dojo Gridx ColumnResizer 模块：调整列宽度的利器

Dojo Gridx 的 gridx/modules/ColumnResizer 模块是一个强大的插件，允许用户通过拖动列边框来调整列的宽度。该模块提供了灵活的配置选项，可以满足各种需求。

使用方法：

引入 Gridx 和 ColumnResizer 模块：

<script type='text/javascript' src='path/to/gridx.js'></script>
<script type='text/javascript' src='path/to/modules/ColumnResizer.js'></script>

创建 Gridx 实例时添加 ColumnResizer 模块：

require([
    'gridx/Grid',
    'gridx/core/model/cache/Async',
    'gridx/modules/ColumnResizer',
    'dojo/domReady!'
], function(Grid, Cache, ColumnResizer){
    var grid = new Grid({
        cacheClass: Cache,
        store: yourStore,
        structure: yourStructure,
        modules: [
            ColumnResizer
        ]
    }, 'yourGridId');
    grid.startup();
});

注意： 在添加 ColumnResizer 模块之前，需要先添加 Core 模块，因为 ColumnResizer 模块依赖于 Core 模块。

设置列的可调整性：

默认情况下，所有列都可以通过拖动列边框来调整宽度。如果您想限制某些列不能被调整，可以在列定义中设置 resizeable 属性为 false：

{
    id: 'columnId',
    field: 'fieldName',
    name: 'columnName',
    width: '100px',
    resizeable: false
}

这样，该列就不能被调整宽度了。

配置 ColumnResizer 模块：

ColumnResizer 模块有一些配置项可以用来控制调整列宽度的行为。例如：

modules: [
    {
        moduleClass: ColumnResizer,
        // 最小宽度
        minColWidth: 50,
        // 最大宽度
        maxColWidth: 500,
        // 是否跟随鼠标移动
        followMouse: false
    }
]

以上示例中，设置了最小宽度为 50px，最大宽度为 500px，并且不跟随鼠标移动。

更多配置项请参考官方文档。