SMART datagrid v.1 > Examples

Back  Forward

CellStyles  Example

CellStyle是一种可以分别为各个数据单元格进行设置的样式和编辑属性集。 需要注意的是,不同于列样式或动态样式,CellStyle的适用标准是数据行和字段。 但是,所设置的CellStyle并不是储存在DataSet中的。 当两个网格连接在同一数据组时,适用在一个网格上的CellStyle并不会适用于另一个网格。 如同其他样式,CellStyle也是在View layer进行管理的。 

因为彼此间都会有优缺点,所以我们需要选择符合实际情况的适当的样式。 

为了在数据单元格适用CellStyle,首先需要在网格进行注册。 可以通过Style ID,访问各个CellStyle。 

Code -1
    grdMain.registerCellStyle('style01', {
        "background": "#880000",
        "color": "#ffffff"
    });

为了以数据单元格为单位适用单元格样式,需要使用GridBase.setCellStyle方法。 如果dataRowIndex参数是小于0的值,它会在添加行时,适用于所添加的行。 

我们可以在field中,指定字段索引或名称,而如果将其指定为-1,就会适用于dataRowIndex行的所有单元格。 

红底白字  蓝底白字 

Grid - 1
rows

可以通过GridBase.setCellStyles,设置到多个行。 

黄底红字 

也可以设置在多个行和多个字段。 

绿底白字 


在多个单元格,指定个别样式

我们可以通过使用GridBase.setCellStyleRows,分别为DataSet的多个行的多个字段指定不同的样式。 如同下列例题,对于具有一个以上样式ID值的数组的数组或JSON对象的数组,我们可以指定如字段映射(field map)的方式。 

可以在字段映射中,设置将样式数组的哪个位置值适用于数据组的哪个字段上等内容。 有关详细说明,请参考setCellStyleRows帮助主题。 

指定为数组的数组。 

指定为JSON数组。 

Grid - 2
rows

查看源代码 JSP 

See Also
CellStyle
GridBase.registerCellStyle
GridBase.setCellStyle
Examples
列样式
行样式