SBUx

Tutorials

• 1. 기초편
  • - 컴포넌트 환경 설정
  • - 컴포넌트 생성
  • - 컴포넌트에 값을 입력
  • - 컴포넌트에 입력된 값 호출
  • - 컴포넌트들 새로 고침
  • - 컴포넌트에 사용자를 위한 힌트
  • - 컴포넌트들을 그룹핑
  • - 그리드와 컴포넌트들 연결
  • - Lazy 로딩
  • - 서버 데이터를 컴포넌트에 바인딩
  • - 서버로 컴포넌트 데이터를 전송
  • - 다국어 설정
• 2. 확장편
  • - 입력박스에 빠른 입력 선택을 위한 자동완성 기능
  • - 입력박스에 다양한 형태를 위한 masking
  • - 캘린더 입력 포맷을 변경
  • - 캘린더 입력값을 서버로 포맷없이 전송
  • - 캘린더의 버튼만 사용
  • - 콤보박스의 마스터 디테일
  • - 콤보박스 내 선택을 다중 선택
  • - 체크박스의 별도 코드없는 다중 필수 선택항목 지정
  • - 버튼에 마우스 오버시 이미지 교체
  • - 텍스트에어리어 내 입력에 따른 높이 자동조절
  • - 텍스트에어리어 내 HTML 구문
  • - 리스트박스 표시 목록을 입력박스에서 필터링
  • - 드롭다운의 Bradcrumb 기능 활용
  • - Alert 컴포넌트로 컨폼창
  • - alet 컴포넌트로 공지사항
  • - 모달창으로 상세내용 표시
  • - 프로그래스바로 진행률
  • - 프로그래스바로 특정실행 종료시까지 로딩바
  • - 탭 내 컨텐츠를 외부 파일과 연결
  • - 탭 컨텐츠를 별도 창으로 (MDI)
  • - 메뉴 하위 구조를 한꺼번에
  • - 트리의 특정 레벨까지 확장
  • - 트리의 항목 클릭시 로딩
  • - 트리의 특정항목으로 바로 이동시켜 포커싱
  • - 트리에 붙는 컨텍스트 메뉴
  • - 어코디언 내 다양한 컨텐츠
  • - 회전판을 이용한 설문조사
  • - 좌측 메뉴의 슬라이드 버튼
• 3. 디자인편
  • - 테마 변경
  • - 커스터마이징 CSS
  • - 입력박스의 너비 조정하기
  • - 캘린더의 변경된 일자 위치 조정
  • - 체크박스 사이 간격 조정
  • - 콤보박스 내부 높이 조정
  • - 버튼색상 조정
  • - 텍스트에어리어 배경 색상 조정