SMART datagrid v1.4 > Examples
GridBase.loadStyles 메소드를 호출하면 스타일시트의 모든 영역과 몇 가지 동적 스타일셋 설정을 포함한 객체를 읽어들여서, 그리드의 표시 내용을 전체적으로 한꺼번에 변경한다. 아래 예제에서는 각각 "flatbluestyles.js"와 "graystyles.js"라는 별도의 파일에 정의된 두 개의 테마를 반영한다.
GridBase.clearStyles는 그리드 기본 스타일 외에 따로 설정된 모든 스타일값들을 제거한다.
당연히 테마 객체는 직접 호출하는 자리에서 생성하는 등, 어떤 식으로도 전달할 수 있다. 가장 일반적으로는 이 예제와 마찬가지로 서버에 테마 스크립트를 별도로 준비하거나, 데이터베이스 등에 저장한 후 요청에 따라 로드에서 반영하는 것이다.
grid.loadStyles(flatbluestyles);
// 혹은 직접적으로
grid.loadStyles({
default: {},
grid: {},
body: {},
...
});
$.ajax({
url: "/repo/grid/resource/data/flatbluestyles.json",
dataType: 'json',
success: function (data) {
grid.loadStyles(data);
}
});