外观

本节将重点介绍外观设置的实例，包括：改变单元格字体颜色、背景色等，有修改的时候改变单元格颜色，修改esayui插件的主题。

改变单元格字体颜色、背景色等

function _setAttribute(){

//注意,修改后,必须移开鼠标才会看到效果

var cell = report1.currCell;//取得当前选中的单元格

cell.style.backgroundColor="#FF0000";//修改选中单元格的背景色

cell.style.color="#0000FF";//修改字体颜色

}

 

function _setAttributeByID(){

var cell = document.getElementById("report1_C2");

cell.style.backgroundColor="#FF0000";//修改选中单元格的背景色

cell.style.color="#0000FF";//修改字体颜色

}

有修改的时候改变单元格颜色

function _bindingEditor( cell ) {

cell.bgColor="#FF0000";

var oldvalue="";

if(report1.currCell)

oldvalue=report1.currCell.value;

var table = _lookupTable( cell );

if( ! _submitEditor( table ) ) return;

if(report1.currCell)

if(report1.currCell&&report1.currCell.value!=oldvalue) {

report1.currCell.style.backgroundColor="#FF0000";//这里是修改背景色

}

var editor = _lookupEditor( table, cell );

table.currEditor = editor;

_setRowColBackColor( cell );

_setEditorStyle( editor, cell );

}

修改 easyui 插件的主题

目前产品是通过使用嵌入easyui插件来实现对报表展现页面的美化。easyui包含的主题有：black、bootstrap、default、gray、material和metro，缺省使用主题default。

如果想要更换easyui插件主题，需要修改raqsoftConfig.xml中的theme参数。

例如，修改预览填报表页面的easyui主题样式。需先打开raqsoftConfig.xml文件，如下图所示在xml文件中默认是default，然后可以将其修改为要更换的主题类型。