SMART datagrid v.1 > Examples

[ grids ver.1.3.0]   Back  Forward

Row Heights  Example

如果没有一个子列为两个以上的垂直layout的列组被包含在内, 则可以通过将DisplayOptions.variableRowHeight指定为true,区分显示各个数据行的高度。 如果将DisplayOptions.rowResizablefixedRowResizable指定为true, 用户就可以通过用鼠标拖动RowIndicator区域的行的下边框,变更行的高度。 在脚本中,可以通过调用GridBase.setRowHeight,指定行的高度。 

另外,如果双击边框或直接在脚本中调用GridBase.fitRowHeight,就会自动变更为最佳行的高度。 

Grid - 1

(例题中的数据,是参考维基百科的诺贝尔文学奖得主列表的。) 


  变更聚焦行的高度。 

将聚焦行的高度匹配于内容。 

重置聚焦行的高度。 

重置所有行的高度。 

Code -1
    var row = grdMain.focusedRow();
    if (row) {
        var h = $('#edtRowHeight').val();
        grdMain.setRowHeight(row, Math.max(4, Math.min(500, h)));
    }
Code -2
    var row = grdMain.focusedRow();
    if (row) {
        grdMain.fitRowHeight(row);
    }

查看源代码 JSP 

See Also
DisplayOptions.variableRowHeight
DisplayOptions.rowResizable
fixedRowResizable
GridBase.getRowHeight
GridBase.setRowHeight
GridBase.setRowHeights
GridBase.fitRowHeight
GridBase.clearRowHeights
ColumnGroup.layout
RowIndicator
Examples
固定行