RealTouch Global

// 데이터소스를 생성한다.
const data = RealTouch.createListData('main', {
    fields: []
});
// 리스트컨트롤을 생성한다.
const list = RealTouch.createListControl(document, 'realgrid-touch');
// 컨트롤 설정 및 옵션
list.setConfig({
    props: {},
    options: {}
});
// 컨트롤에 데이터를 연결한다.
list.data = data;

Functions

• createDataLink
  function createDataLink(name: string, data: RtSimpleData, details: IRtDataLinkInfo|IRtDataLinkInfo[]): RtDataLinkView;
  Parameters

  param	type	opt	default	description
  name	string	N
  data	RtSimpleData	N
  details	IRtDataLinkInfo | IRtDataLinkInfo[]	N

  Returns

  RtDataLinkView
  RtDataLinkView를 생성한다.
• createDataView
  function createDataView(name: string, data: RtListData, options?: IRtDataViewOptions): RtDataView;
  Parameters

  param	type	opt	default	description
  name	string	N		데이터 뷰 이름
  data	RtListData	N		원본 데이터
  options	IRtDataViewOptions	Y		데이터 뷰 생성 정보

  Returns

  RtDataView
  RtDataView를 생성한다.
  RtListData.createView와 동일한 기능이다.

  See Also

  데이터 모델 개요
  RtDataLinkView
• createEditableDataView
  function createEditableDataView(name: string, data: RtListData, options?: IRtDataViewOptions): RtDataView;
  Parameters

  param	type	opt	default	description
  name	string	N		데이터 뷰 이름
  data	RtListData	N		원본 데이터
  options	IRtDataViewOptions	Y		데이터 뷰 생성 정보

  Returns

  RtDataView
  UI 입력을 통한 사용자 행 수정 및 추가에 대응하는 RtDataView를 생성한다.
  RtListData.createEditableView와 동일한 기능이다.

  See Also

  데이터 모델 개요
  RtDataLinkView
• createListControl
  function createListControl(doc: Document, container: string|HTMLDivElement, renderMode=RtRenderMode.DEFAULT): RtListControl;
  Parameters

  param	type	opt	default	description
  doc	Document	N
  container	string | HTMLDivElement	N		리스트컨트롤이 생성되는 div 엘리먼트나 id
  renderMode	RtRenderMode	Y	DEFAULT

  Returns

  RtListControl
  리스트 컨트롤을 생성한다.

  See Also

  createListData
  createDataView
  createDataLink
• createListData
  function createListData(name: string, options: IRtDataOptions, source?: any[]|IRtDataValueSource): RtListData;
  Parameters

  param	type	opt	default	description
  name	string	N		데이터 이름
  options	IRtDataOptions	N		데이터 생성 정보
  source	any[] | IRtDataValueSource	Y		원본 값 정보

  Returns

  RtListData
  RtListData를 생성한다.
• registerTemplate
  function registerTemplate(name: string, template: any, vars: any): TemplateType;
  Parameters

  param	type	opt	default	description
  name	string	N		템플릿 이름
  template	any	N		템플릿 소스
  vars	any	N		소스를 재사용할 때 vars를 변경해서 적용할 때 사용된다.

  Returns

  TemplateType
  공유 가능한 사용자 템플릿을 등록한다.

  RealTouch.registerTemplate('simple_row', {
      template: {
      }
  });

  See Also

  unregisterTemplates
  템플릿 개요
  레이아웃 개요
• unregisterTemplates
  function unregisterTemplates(templates: string[]|string): void;
  Parameters

  param	type	opt	default	description
  templates	string[] | string	N		취소할 템플릿 이름 배열 혹은 이름.

  Returns

  void
  이 전에 등록된 공유 템플릿(들)을 등록 취소한다.

  RealTouch.unregisterTemplates(['simple_row', 'complex_row']);

  See Also

  registerTemplate
  템플릿 개요
  레이아웃 개요

Types

• RtBooleanFormatter
  RtBooleanFormatter=(value: boolean) => string;
  Parameters

  param	type	opt	default	description
  value	boolean	N

  Returns

  string
  Bool형 필드의 값을 문자열로 변환한다.

  See Also

  IRtFormattableRenderer.boolFormatter
  RtListControl.boolFormatter
• RtDataSelector
  RtDataSelector=(row: number, values: object) => boolean;
  Parameters

  param	type	opt	default	description
  row	number	N		원본 데이터 행 번호.
  values	object	N		원본 데이터 행의 필드 값들.

  Returns

  boolean
  데이터 필터에 사용되는 선택 콜백.
  (주의) value는 데이터행의 원본 값들이므로 수정해서는 안된다.
• RtDataSorter
  RtDataSorter=(row1: number, values1: any, row2: number, values2: any) => number;
  Parameters

  param	type	opt	default	description
  row1	number	N
  values1	any	N
  row2	number	N
  values2	any	N

  Returns

  number
  데이터 정렬에 사용되는 콜백.
  (주의) value1, value2는 데이터행의 원본 값들이므로 수정해서는 안된다.
• RtDataValidator
  RtDataValidator=(dv: RtListData, row: number, values: any) => string|{field: string, message: string};
  Parameters

  param	type	opt	default	description
  dv	RtListData	N
  row	number	N
  values	any	N

  Returns

  string
  문제가 있으면 에러 메시지를 리턴한다.
• RtDateFormatter
  RtDateFormatter=(date: Date) => string;
  Parameters

  param	type	opt	default	description
  date	Date	N

  Returns

  string
  날짜형 필드의 값을 문자열로 변환한다.

  See Also

  IRtFormattableRenderer.dateFormatter
  RtListControl.dateFormatter
• RtFilterType
  RtFilterType = number | number[] | string[] | RtDataSelector;
  number: 첫 행부터 지정한 번호까지의 데이터행들만 포함시킨다. number[]: 범위는 겹치지 않게 시작/끝 행 pair로 여러 영역으로 지정할 수 있다. string[]: 지정한 필드들을 기준으로 중복된 행들이 있으면 첫번째 행만 포함하고 나머지 행들은 제외한다. selector: 데이터뷰에 포함될 행 여부를 리턴하는 콜백을 지정한다.

  See Also

  concepts.filtering
• RtNumberFormatter
  RtNumberFormatter=(value: number) => string;
  Parameters

  param	type	opt	default	description
  value	number	N

  Returns

  string
  숫자형 필드의 값을 문자열로 변환한다.

  See Also

  IRtFormattableRenderer.numberFormatter
  RtListControl.numberFormatter
• RtPercentSize
  RtPercentSize = string | number;
  123, '10%' 형식으로 크기를 지정한다.
• RtRowValues
  RtRowValues = {[field: string]: any};
  데이터행 필드들의 값 object.
• RtSortType
  RtSortType = IRtFieldSort | string | (IRtFieldSort | string)[] | RtDataSorter;
  데이터뷰 정렬 설정 정보.
• RtTextFormatter
  RtTextFormatter=(value: string) => string;
  Parameters

  param	type	opt	default	description
  value	string	N

  Returns

  string
  텍스트 필드의 값을 다른 문자열로 변환한다.

  See Also

  IRtFormattableRenderer.textFormatter
  RtListControl.textFormatter