SMART datagrid v.1 > Examples

Back  Forward

ColumnLayouts  Example

ColumnLayout提供可以调整设置在网格中的列的方法。 我们可以提取包含在列组中的一个列,并且将其设置为顶级列,也可以集合其他列组中的列,并且组成新的列组。 当然,我们也可以显示或隐藏当前没有显示的列。 

另外,也可以通过调用GridBase.restoreColumns,随时返回至原来的列布局。 

ColumnLayout是通过GridBase.columnLayout属性设置的。 我们可以通过columnLayouts,指定预先定义的布局中的一种布局,或指定全新的ColumnLayout。 


Layouts:
Grid - 1
rows

对齐列标头。 

linearizeColumns解除所有列组后,将剩下的列摆成一行。 这时,我们可以指定成为排序标准的列的属性。 

Code -1
    btnLinearize_click: function () {
        // 对齐列标头文本。
        grdMain.linearizeColumns(['header.text'], $('#chkReverse').is(':checked'));
    }
Note

在储存当前显示中的列布局后,可以重新使用为ColumnLayout。 

   

Grid - 2
rows

查看源代码 JSP 

See Also
GridBase.columnLayout
GridBase.restoreColumns
GridBase.linearizeColumns
GridBase.registerColumnLayouts
ColumnLayout
Examples