크롬, 파이어폭스, 사파리, IE 9 이상 (SBChart IE 10+)을 권장합니다.

• 환경설정

  SBUx v2.6 구동을 위한 환경을 설정을 합니다. (웹상의 제품 경로를 표시합니다.)

  제품 라이센스는 별도 파일에 기록하며 제품 구입시 문의하시기 바랍니다.

  <script>
  	var SBUxConfig = {
  		Path : "/resources/SBUx/",
  		SBGrid: { Version2_5: true },  //  그리드 사용시에만
          SBChart: { Version2_0: true}   //  차트 사용시에만
  	};
  </script>

• 사용할 컴포넌트 코드 추가

  배포하는 Eclipse Plug in 을 통해 Code Complete 기능으로 추가가 가능합니다.

  
  

  Case 1. HTML Markup 형태로 추가

  <sbux-input id="sbIdx" name="sbNm" uitype="text" mask="문서번호 2019-9999"></sbux-input>

• Case 2. javascript 형태로 추가

  <div id="sbArea"></div>
  <script>
  	$('#sbArea').sbInput(
  		{ name : 'sbScriptNm', uitype : 'text', mask : '문서번호2016-9999999' }
  	);
  </script>	

• HTML5 웹 표준 (W3C, RFC, ECMA 등)을 준수합니다.

  - W3C Markup Validation Service

  - W3C CSS Validation Service

  - RFC 8259/7159, ECMA-404 JSON

• 개발자가 웹 개발에 부담을 느끼지 않게 쉽게 만들었습니다.

  - HTML Markup 또는 JavaScript 의 익숙하신 형태로 개발이 가능합니다.

  - 컴포넌트 내 Custom 속성을 제한없이, 필요하신 정보를 마음대로 입력 가능합니다.

  - 컴포넌트 그룹화로 일괄적으로 기능을 처리할 수 있습니다.

• 25개종 41개 유형의 다양한 컴포넌트가 준비되어 있습니다.

  - Control Components

  - Input, Textarea, Label, Button, Datepicker,Select, Checkbox Select, Dropdown List,Listbox, Checkbox, Radio

  - Navigation Components

  - Contextmenu, Menu, Side Menu

  - Layout Components

  - TabStrip, Carousel, Accordion

  - Popups Components

  - Window, Modal

  - Notification Components

  - Tooltip, Popover, Alert, ProgressBar

  - Data Components

  - Tree, Datastore, SBGrid

  - Visualization Components

  - SBChrat

• 서버 데이터 활용이 간편합니다.

  - 서버에서 전달된 Json Data 를 컴포넌트에 바로 매핑하여 사용할 수 있어 연결이 간편합니다.

• 내부 컴포넌트간에는 강력한 연계로 웹 개발시 처리해야 할 코드를 줄였습니다.

  - SBGrid 내 Column Type 과 컴포넌트의 데이터 연계시 get/set 작업이 불필요합니다.

  - input/radio button, Master-Detail-.. 의 Combo Box 형태는 속성 추가로 데이터 연결이 됩니다.

  - Accordion Panel / Carousel 내에 Contents 를 SBUx 의 컴포넌트로 복합적으로 사용 가능합니다.

• E-Gov 및 Eclipse IDE 개발자를 위한 Plug in 을 지원합니다

  - SBUx Tag 생성 시 코드 자동완성 기능을 제공합니다.

  - javascript 를 이용한 SBUx API 사용 시 자동완성 기능을 제공합니다.

• latest (v2.6.824)

  • attribute
  • method