맨위로가기
 

SBUx

닫기

Release Note

Ver 2.6.1001

Release on 2020.05.08
  • [기능 개선]
    select, singleExt 사용 시 isTrigger 기능을 사용할 수 있도록 개선
       - 예시) 
    		<script>
    			var selectJsonData = [
    				{ text : "빨강", value : "red",       style : "color:red;"},
    				{ text : "주황", value : "orange",    style : "color:orange;"},
    				{ text : "노랑", value : "yellow",    style : "color:yellow;"},
    				{ text : "초록", value : "green",     style : "color:green;", selected : "selected"},
    				{ text : "파랑", value : "blue",      style : "color:blue;"},
    				{ text : "남색", value : "navy",      style : "color:navy;"},
    				{ text : "보라", value : "purple",    style : "color:purple;"},
    				{ text : "금색", value : "gold",      style : "color:gold;"},
    				{ text : "은색", value : "silver",    style : "color:silver;"},
    				{ text : "검정", value : "black",     style : "color:black;"},
    				{ text : "흰색", value : "white"}
    			];
    			
    			function fnChange(args){
    				alert("value : " + args);
    			}
    			
    			// 아래 형태와 같이 이벤트를 발생시키는 형태로 사용가능
    			// SBUxMethod.set('select_json','orange', { isTrigger : true } );
    		</script>
    		<sbux-select id="select_json" name="select_json" uitype="singleExt" jsondata-ref="selectJsonData" onchange="fnChange(select_json)">
    		</sbux-select>
    
  • [기능 개선]
    select, singleExt 타입의 고정형 사용 시, selected 속성 동작관련 수정
  • [기능 수정]
    input, highlight-decimals 속성 사용 시 mask 속성의 autoUnmask 기능 사용할 수 있도록 수정
  • [기능 수정]
    input, highlight-decimals 속성 사용 시 컴포넌트와 그리드 간 바인딩 시점 수정

Ver 2.6.1000

Release on 2020.04.28
  • [기능 개선]
    contextmenu, SBUxMethod.render() 메소드 사용하여 동적 생성시 나타나도록 개선
       - 예시) 
    		<script>
    			function fnClick(){
    				var html = "";
    				html += '<sbux-input id="idxUserName" name="useName" style="width:40%;" uitype="text" contextmenu-id="idxCtxtMenu"></sbux-input>';
    				html += '<sbux-contextmenu id="idxCtxtMenu" name="ctxtMenu" z-index="999">';
    				html += '<menu-item id="Act 1" text="Act 1" value="Act 1 Item" glyphicon="edit" accesskey="a"></menu-item>';
    				html += '</sbux-contextmenu>';
    
    				document.getElementById("modal").innerHTML = html;
    				SBUxMethod.render();
    			};
    		</script>
    		<button type="button" onclick="fnClick()">create!</button>
    		<div id="modal"></div>
    
  • [기능 개선]
    contextmenu, disabled 된 메뉴아이템(menu-item)에 이벤트 설정 시에도 이벤트 발생하지 않도록 개선
       - 예시)
    		<sbux-input id="idxUserName" name="useName" style="width:40%;" uitype="text" contextmenu-id="idxCtxtMenu"></sbux-input>     
    		<sbux-contextmenu id="idxCtxtMenu" name="ctxtMenu" z-index="999">
    			<menu-item id="Act_1" text="disabled Tab" onclick="alert(1)" disabled></menu-item>
    			<menu-item id="Act_2" text="enabled Tab" onclick="alert(2)" ></menu-item>
    		</sbux-contextmenu>
    

Ver 2.6.998

Release on 2020.04.24
  • [기능 개선]
    연동, 그리드 2개와 UI 컴포넌트 1개에 대한 연동시 UI 컴포넌트 데이터를 변경하면 연동된 그리드들의 데이터 변경되도록 개선
  • [기능 개선]
    carousel, auto-stream true 설정 후 DOM 구조에서 carousel 영역을 삭제시 주기적으로 시간을 점검하여 자동으로 이동시키는 로직이 중지되도록 개선
  • [기능 수정]
    datepicker, range 타입에서 SBUxMethod.openDatepickerRange 를 사용하여 to 캘린더만 open시 to input 아래로 출력되도록 위치 수정

Ver 2.6.996

Release on 2020.04.16
  • [기능 추가]
    tabs, tab 의 contents 를 iframe 을 이용하고, cross domain url 을 호출하고자 할때 초기 설정인 SBUxConfig 에서 속성값으로 제어할 수 있는 Callback 함수 속성 추가
       - SBUxConfig Properites
         - IframeAfterRenderingGrid: 함수 또는 '함수명'
           - 한번만 호출되며, 그리드의 Resize 이후 호출되지 않습니다.
    
               예시) tab 내 Iframe 이 되는 화면에서 아래와 같이 설정
              var SBUxConfig = {
                   Path: "./../../",
                   SBGrid: {
                        Version2_5: true
                   },
                   IframeAfterRenderingGrid : 'fnGridResize'
              };
    
              function fnGridResize() {
                 // 그리드 resize 공통함수 호출
                 SBCL.Grid.resizeGrid();
              };
    
  • [기능 추가]
    tabs, is-draggable-openlayer ="true" 를 통해 tab 을 위로 drag 하여 별도의 창으로 불리하였을때 Content의 영역 형태가 추가
    (* 기존에는 iframe 으로 구성되어 있는 tab Contents 만 사용 가능하여 사용에 제한이 있었습니다.)
       - 추가된 속성
         - is-draggable-open-tab-remove : openlayer 를 했을때 tabs 영역내에 있는 해당 tab 의 삭제 여부를 결정
         - is-draggable-open-tab-recover : 위 속성을 통해 삭제된 tab 을 openlayer 의 close 시점에 다시 붙일 것인지 결정
    
       - Default 속성 (공통) 설정
         - SBUxG.DEF.SET_TABS = { 
             ... 
            isDraggableOpenTabRemove: false,
            isDraggableOpenTabRecover: false,
            ...
           }
    
         - 예시)
                              <sbux-tabs name="tabs_norm"
                                             jsondata-ref ="tabJson"
                                             is-draggable="true"
                                             show-control-panel="true"
                                             is-close-icon = "true"
                                             ellipsis-width="true"
                      
                                             is-draggable-openlayer = "true"
                                             is-draggable-open-tab-remove="true"
                                             is-draggable-open-tab-recover="true">
                              </sbux-tabs>
    		  <div class="tab-content">
    		        <div id="t9_1">
                                        <sbux-input name="ipt1" onclick="fnInput"></sbux-input>
                                        <sbux-input name="ipt2" onclick="fnInput"></sbux-input>
                                        <sbux-input name="ipt3" onclick="fnInput"></sbux-input>
                                        <sbux-input name="ipt4" onclick="fnInput"></sbux-input>
                                    </div>
                              </div>
    
  • [기능 추가]
    SBUxMethod.popupLayer, 팝업 내 contents 내용이 기존에는 iframe 으로 구성되어 있어야 했는데 selector 지정으로 인한 페이지내 영역에 대한 contents 구성 추가
    추가된 기능의 동작은 selector 영역을 popupLayer 내의 contents 영역으로 이동시키고, popupLayer 의 close 시에 body 내에 append 시키는 동작과 화면에서 감추는(display:none) 실행을 합니다.
       - 속성명
         - selector : contents 로 구성할 특정영역을 '#id' ,  '.class'  , '[name="xxx"]'
       - callback 함수속성
         - callbackAfterOpen : 팝업이 open 된 후 호출하는 함수  selector 로 지정된 영역의 컴포넌트들의 너비를 재조정하거나
                                                                신규로 생성 등의 작업을 위한 함수
           - 예시
              SBUxMethod.popupLayer({
                  id : "id_1",
                  title : "타이틀",
                  width : 800,
                  height : 400,
                  // position x
                  posx : (document.body.clientWidth - 200) / 3,
                  // position y
                  posy : ($(window).height() - 200) / 3,
                  selector : '#layer1',
                  callbackAfterOpen : function() {
                       console.log('window open 후 이벤트');
                  },
                  modal : false,
                  // modalBackdropClose : true,
                  resizeable : true,
              });
    
              <div id="layer1" style="display: none;">
                    <sbux-input id="ipt" name="ipt" onclick="fnInput"></sbux-input>
              </div>
    
    
               - 초기 로딩속도를 줄이는 방안
                 - 1. 화면의 초기 로딩 속도를 줄이기 위해 팝업내 Contents 로 들어갈 컴포넌트는 랜더링 하지 않도록 설정합니다.
                      var SBUxConfig = { ... 
                              LoadExcludeClass : 'notLoadOnInit'
                              ... 
                      }
                 - 2. selector 내의 컴포넌트 내에  class="notLoadOnlnit" 을 넣어 랜더링 대상에서 제외합니다.
                 - 3. callbackAfterOpen 내 구문내에 SBUxMethod.render('selector 값') 을 실행하여 open 시에 랜더링합니다.   
    
  • [기능 개선]
    - SBGrid 2.5.2213 버전 업그레이드
    - [기능 추가] 선택한 영역의 수식을 계산하는 cellfunction 기능 추가
    - [기능 추가] 그리드 fixedrow의 높이를 개별로 조절할 수 있는 API 추가 . ex) objGrid.setFixedRowHeight(1, 50);
    - [기능 추가] 그리드 행 높이를 반환하는 API 추가 ex) objGrid.getRowHeight(2);
    - [기능 추가] columngroup 기능 사용시 호출하는 aftercolumngroup event 추가
    - [버그 수정] insert/addColumn 후 refresh({disabled:true}) 시 스크립트 에러발생 현상 수정
    - [버그 수정] 특정 type의 컬럼이 있으면 clickRow 로 포커스된 행에서 방향키가 작동하지 않는 현상 수정

Ver 2.6.995

Release on 2020.04.13
  • [기능 개선]
    tabs, show-tooltip="true" 이고 trigger-tooltip="hover" 일 때 자동으로 말줄임표 되어 있는 것만 tooltip 이 선별적으로 나타나도록 개선함
  • [기능 개선]
    select-grid 연동시, select 가 singleExt type 이며 그리드의 addRow,insertRow 를 통한 행 추가 후 추가한 행 클릭 시 select 가 filtering="false" 로 되어 있다면 select 의 리스트가 나타나도록 개선

Ver 2.6.994

Release on 2020.04.08
  • [기능 추가]
    input, textarea, 특수문자 (HTML Special Character Code) 를 SBUxMethod.set 또는 get 시 자동변환 속성 추가
      - 속성명
        convert-special-code="true" (default: false)
    
      - Default 속성 (공통) 설정
        - SBUxG.DEF.SET_INPUT = { 
          ... 
          convertSpecialCode : false,
    	  specialCodeRegExp : ['&nbsp;', '&lt;', '&gt;'],  
    	  (화면 표시를 위해 & 를 & 특수문자로 변경하였으니 복사시 유의하시기 바랍니다)
       	  specialCodeRegGen : [' ','<', '>'],
          ...
          }
     
        - SBUxG.DEF.SET_TEXTAREA = { 
          ... 
          convertSpecialCode : false,
    	  specialCodeRegExp : ['&nbsp;', '&lt;', '&gt;'],  
    	  (화면 표시를 위해 & 를 & 특수문자로 변경하였으니 복사시 유의하시기 바랍니다)
       	  specialCodeRegGen : [' ','<', '>'],
          ...
          }
    
        - 유의사항
          - 위 specialCodeRegExp 과  specialCodeRegGen 는 1:1 로 값을 기록합니다.
    
  • [기능 추가]
    SBGrid 2.5.2201 버전 업그레이드
    - [기능 개선] 병합타입이 byrestriccol일 경우에는 checkbox열에서 whitespacemerge가 작동하지 않게 변경

Ver 2.6.993

Release on 2020.04.02
  • [기능 추가]
    숫자중 정수부분의 길이를 check 하여 사용자에게 알려주는 기능 추가
    (maxlength 및 minlength 속성과 유사합니다.)
       - 속성명
         integer-maxlength : 정수부분의 최대 길이
         integer-minlength : 정수부분의 최소 길이
    
       - 범위에서 벗어났을때의 툴팁 메시지 위치 파일 
         js/locale/SBUxMessage_ko.js,
         js/locale/SBUxMessage_en.js,
         js/locale/SBUxMessage_zh.js,
         js/locale/SBUxMessage_ja.js
    
         SBUxG.DEF.MSG = {
           ...
           INTEGER_MAXLENGTH_REQ_INPUT : '정수값을 *자 이하로 제한합니다(현재 # 자 사용중)',
           INTEGER_MINLENGTH_REQ_INPUT : '정수값을 *자 이상으로 늘리세요(현재 # 자 사용중).',
           ...
         }
    
       - 예시) 숫자만 4자리에 3자리씩 , 를 사용하고 소수점이하 2자리에 소수점 구분 '.'를 
                사용하는 형태에서 최소 정수 부분 2 자리 이상 입력 받고자 할때
         <sbux-input name="inpt" integer-minlength="2"
                     mask="{'alias': 'decimal' , 'digits': 2,  
                            'integerDigits' :4 , 'autoGroup': 3 , 
                            'groupSeparator': ',', 'radixPoint': '.', 'autoFillDigits': true}">
         </sbux-input>
       
                        최소 정수 2자리 최대 정수 6자리 범위를 받고자 할때
         <sbux-input name="range" integer-minlength="2" integer-maxlength="6"></sbux-input>
    
  • [기능 추가]
    fileupload, multiple Type 에서의 상단 삭제 버튼과
    multipleExt Type 에서의 상단 삭제 버튼, 상단 취소 버튼 관련 일괄 처리 함수 속성 추가
       - 속성명
         - multiple type 시
           - callback-before-delete-batch = "함수명"
             - 인자값으로 file 정보를 전달
             - 선언하는 함수내에 return false 시 중지
           - callback-after-delete-batch = "함수명"
    
         - multipleExt type 시 
           - callback-before-delete-batch
             - 인자값으로 전달하는 정보 없음
             - 선언하는 함수내에 return false 시 중지                  
           - callback-after-delete-batch = "함수명"                         
           (참고 : callback-before-delete-inlist 와 callback-after-delete-inlist 는
                     상단 Delete 버튼 클릭시에는 호출하지 않습니다.)
    
           - callback-before-cancel-batch = "함수명"
              - 인자값으로 전달하는 정보 없음
                - 선언하는 함수내에 return false 시 중지                  
           - callback-after-cancel-batch = "함수명"
           (참고 : callback-before-cancel-inlist 와 callback-after-cancel-inlist 는
                     상단 Cancel 버튼 클릭시에는 호출하지 않습니다.)  
    
    
  • [기능 추가]
    fileupload, single type 사용시 drop zone 에 대한 문구 수정 속성 추가
       - 속성명
         drop-zone-message = "파일을 drag & drop 해 주세요."
    
       - Default 속성 (공통) 설정
         - SBUxG.DEF.SET_FILEUPLOAD = { 
            ... 
            dropZoneMessage : 'Drop files here!',
            ...
         }
    
  • [공통 함수]
    공통함수, 파일다운로드
       - SBCL.File.Download( object)
                예시) SBCL.File.Download({url : 'http://localhost:8080/SBUxDemo/resources/fileupload/alert.png' , 
                                  ext : 'png' , 
                                  name : '이미지.png'})
       - SBCL.File.Download(data, fileName, mimeType)   
    
  • [기능 개선]
    fileupload, chrome 과 IE 에서 파일다운로드 되는 형태 개선
  • [기능 개선]
    SBGrid 2.5.2199 버전 업그레이드
    - [기능 추가] 그리드 UI 기본 언어 설정하는 기능 추가 ex)SBGridProperties.language = 'en'

Ver 2.6.992

Release on 2020.03.30
  • [기능 추가]
    tabs, 탭의 좌측 스크롤 바깥영역으로 고정 탭을 설정할 수 있는 기능 추가
    (메뉴 고정하여 사용할 수 있는 home 탭)
       - 전제조건
         - 하나의 탭만 등록 가능합니다.
         - JSON Data 의 최 상단에 및 첫번째 index 여야 합니다.
      
       - 등록방법
         - JSON Data 에서 "fixed'' : "true" 로 설정합니다.
    
       - 예시)
        <script>
    	 var tabJson = [
           { "id" : "1",   "pid" : "-1", "text" : "홈",   "targetid" : "t1_1",  "fixed" : "true", "glyphs" : "light-blue glyphicon-star"},
    	   { "id" : "2",   "pid" : "-1", "text" : "탭1",  "targetid" : "t1_2"},
    	   { "id" : "3",   "pid" : "-1", "text" : "탭2",  "targetid" : "t1_3"},
           ...
         ];
        </script>
    
        <sbux-tabs name="tabs_norm" uitype="normal"
    	           jsondata-ref ="tabJson"
    	  	        ...(생략)... >
        </sbux-tabs>
        <div class="tab-content">
    	 	<div id="t1_1"><p>HOME</p></div>
    		<div id="t2_2"><p>Tab 1</p></div>
    		<div id="t3_3"><p>Tab 2</p></div>
              ...(생략)...
        </div>
    
  • [기능 개선]
    SBGrid 2.5.2193 버전 업그레이드
    - [기능 추가] filtering 전에 발생하는 beforefiltering 사용자 이벤트 추가
    - [기능 개선] 그리드 생성하는 로직 속도 개선

Ver 2.6.990

Release on 2020.03.24
  • [기능 추가]
    tabs, 탭의 tooltip 이 보여지는 동작 제어 속성 추가
      - 속성명
        trigger-tooltip = "click" ( 'click' 또는 'hover')
        - 'click' : 마우스 클릭시 탭의 tooltip 이 나타남
        - 'hover' : 마우스 오버시 탭의 tooltip 이 나타남
      - Default 속성 (공통) 설정
        - SBUxG.DEF.SET_TABS = {
           ...
           triggerTooltip : 'click', // click | hover
           ...
          }
      - 유의사항
        show-tootip = "true" 설정이 필수 입니다.   
    
  • [기능 개선]
    - SBGrid 2.5.2193 버전 업그레이드
    - [기능 추가] filtering 전에 발생하는 beforefiltering 사용자 이벤트 추가
    - [기능 개선] 그리드 생성하는 로직 속도 개선

Ver 2.6.989

Release on 2020.03.20
  • [기능 개선]
    fileupload, SBUxMethod.setFileButtonStatus 의 동작 속성 추가
    - 속성값은 'disabled | hidden | visible' 이며 visible 과 '' 은 값은 형태입니다.

    예시)
    SBUxMethod.setFileButtonStatus('모델명', 'button-add-status' , 'visible' )
    = SBUxMethod.setFileButtonStatus('모델명', 'button-add-status' , '' )

    - single 또는 singleEx type 사용시
    - 우측 추가 버튼
    - 'button-add-status' : SBUxMethod.setFileButtonStatus('모델명', 'button-add-status' , 'disabled | hidden | visible' )
    - 삭제 버튼 (서버에서 내려받은 파일)
    - 'list-delete-status' : SBUxMethod.setFileButtonStatus('모델명', 'list-delete-status' , 'disabled | hidden | visible' )
    - 취소 버튼 (탐색기를 통해 등록한 올릴 파일)
    - 'list-cancel-status' : SBUxMethod.setFileButtonStatus('모델명', 'list-cancel-status' , 'disabled | hidden | visible' )

    - multiple type 사용시
    - 상단 추가 버튼
    - 'button-add-status' : SBUxMethod.setFileButtonStatus('모델명', 'button-add-status' , 'disabled | hidden | visible' )
    - 상단 취소 버튼 (탐색기를 통해 등록한 올릴 파일)
    - 'button-cancel-status' : SBUxMethod.setFileButtonStatus('모델명', 'button-cancel-status' , 'disabled | hidden | visible' )
    - 상단 업로드 버튼
    - 'button-upload-status' : SBUxMethod.setFileButtonStatus('모델명', 'button-upload-status' , 'disabled | hidden | visible' )
    - 상단 삭제 버튼 (서버에서 내려받은 파일)
    - 'button-delete-status' : SBUxMethod.setFileButtonStatus('모델명', 'button-delete-status' , 'disabled | hidden | visible' )
    - 좌측 checkbox 버튼
    - 'list-checkbox-status' : SBUxMethod.setFileButtonStatus('모델명', 'list-checkbox-status' , 'disabled | hidden | visible' )
    - 목록내 삭제 버튼 (휴지통 모양)
    - 'list-delete-status' : SBUxMethod.setFileButtonStatus('모델명', 'list-delete-status' , 'disabled | hidden | visible' )
    - 목록내 업로드 버튼
    - 'list-upload-status' : SBUxMethod.setFileButtonStatus('모델명', 'list-upload-status' , 'disabled | hidden | visible' )
    - 목록내 취소 버튼 (X 모양)
    - 'list-cancel-status' : SBUxMethod.setFileButtonStatus('모델명', 'list-cancel-status' , 'disabled | hidden | visible' )

    - multipleExt type 사용시
    - 상단 추가 버튼
    - 'button-add-status' : SBUxMethod.setFileButtonStatus('모델명', 'button-add-status' , 'disabled | hidden | visible' )
    - 상단 삭제 버튼
    - 'button-delete-status' : SBUxMethod.setFileButtonStatus('모델명', 'button-delete-status' , 'disabled | hidden | visible' )
    - 좌측 checkbox 버튼
    - 'list-checkbox-status' : SBUxMethod.setFileButtonStatus('모델명', 'list-checkbox-status' , 'disabled | hidden | visible' )
    - 목록내 삭제 버튼 (휴지통 모양) - 삭제와 취소가 같은 모양을 하고 있습니다.
    - 'list-delete-status' : SBUxMethod.setFileButtonStatus('모델명', 'list-delete-status' , 'disabled | hidden | visible' )
    또는
    - 'list-cancel-status' : SBUxMethod.setFileButtonStatus('모델명', 'list-cancel-status' , 'disabled | hidden | visible' )

Ver 2.6.988

Release on 2020.03.17
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2190 버전 업그레이드
      [기능 개선] findcell/findrow시 mergebyfree 셀의 숨은 데이터 포함하지 않도록 개선

Ver 2.6.987

Release on 2020.03.12
  • [기능 추가]
    fileupload, 이벤트 함수 추가 및 개선
    - 이벤트 동작
    - 취소 동작 : 'X' 클릭시의 동작
    PC 에서 탐색기를 통해 파일을 추가한 후, 추가한 파일에 대한 취소(cancel)
    - 삭제 동작 : 휴지통 모양 클릭시의 동작
    서버에 있는 파일을 삭제하는 동작으로 서버에 파일과 삭제 status 를 전달하여 서버에서 삭제하도록 전달

    - single type 인 경우
    - callback-before-cancel-inlist : 파일 첨부 후 'x' 클릭시 삭제하기 전에 호출하는 callback 함수
    return 값으로 false 반환시 취소행위가 중지됩니다.
    - callback-after-cancel-inlist : 파일 첨부 후 'x' 클릭시 삭제한 후에 호출하는 callback 함수
    기존의 callback-after-cancel 과 같은 동작
    (기존 callback-after-cancel 도 사용가능)
    - callback-before-delete-inlist : 삭제(휴지통 모양) 클릭시 callback 함수
    return 값으로 false 반환시 삭제를 위한 서버 호출을 중지합니다.
    - callback-after-delete-inlist : 삭제(휴지통 모양) 클릭시 callback 함수
    정상삭제 또는 삭제 실패시 모두 수행되며, 서버에서 전송하는 데이터 입니다.
    기존의 callback-after-delete 와 같은 동작
    (기존 callback-after-delete 도 사용가능)

    - multiple type 인 경우
    - callback-before-cancel-inlist : 파일 첨부 후 'x' 클릭시 삭제하기 전에 호출하는 callback 함수
    return 값으로 false 반환시 취소행위가 중지됩니다.
    - callback-after-cancel-inlist : 파일 첨부 후 'x' 클릭시 삭제한 후에 호출하는 callback 함수
    기존의 callback-after-cancel 과 같은 동작
    (기존 callback-after-cancel 도 사용가능)
    - callback-before-delete-inlist : 삭제(휴지통 모양) 클릭시 callback 함수
    return 값으로 false 반환시 삭제를 위한 서버 호출을 중지합니다.
    - callback-after-delete-inlist : 삭제(휴지통 모양) 클릭시 callback 함수
    정상삭제 또는 삭제 실패시 모두 수행되며, 서버에서 전송하는 데이터 입니다.
    기존의 callback-after-delete 와 같은 동작
    (기존 callback-after-delete 도 사용가능)

    - singleExt type 인 경우
    - callback-before-cancel-inlist : 파일 첨부 후 'x' 클릭시 삭제하기 전에 호출하는 callback 함수
    return 값으로 false 반환시 취소행위가 중지됩니다.
    기존의 callback-before-cancel 과 같은 동작
    (기존 callback-before-cancel 도 사용가능)
    - callback-after-cancel-inlist : 파일 첨부 후 'x' 클릭시 삭제한 후에 호출하는 callback 함수
    기존의 callback-after-cancel 과 같은 동작
    (기존 callback-after-cancel 도 사용가능)
    - callback-before-delete-inlist : 서버를 통해 입력받은 파일 항목의 삭제(휴지통 모양) 클릭시 callback 함수
    return 값으로 false 반환시 삭제를 위한 진행(화면/내부구조/.. 삭제)을 중지합니다.
    기존의 callback-click-delete 과 같은 동작
    (기존 callback-click-delete 도 사용가능)
    삭제를 위한 진행(화면 삭제, 내부구조 삭제)을 중지합니다.
    - 참고 사항
    callback-before-cancel-inlist 은 다중 파일도 등록이 가능하며
    전달되는 인자의 형태는 FileList 로 전달됩니다. FileList[0...n] 은 File 객체
    - 유의사항
    callback-after-delete-inlist 가 없는 이유는 서버 파일의 삭제의 보장은 커스텀 부분으로
    callback-before-delete-inlist 에서 개별적으로 ajax 통신을 하여
    success 시 return 값을 없애거나 true 로 화면상에서의 삭제 진행
    failed 시 에만 return fasle 로 화면상에서의 삭제 진행 중단 형태로 로직을 구현하시면 됩니다.

    - multipleExt type 인 경우
    - callback-before-cancel-inlist : 삭제(휴지통 모양) 클릭시 삭제하기 전에 호출하는 callback 함수 (취소 개념입니다)
    return 값으로 false 반환시 삭제를 위한 진행(화면/내부구조/.. 삭제)을 중지합니다.
    - callback-after-cancel-inlist : 삭제(휴지통 모양) 클릭시 삭제한 후에 호출하는 callback 함수 (취소 개념입니다)
    - callback-before-delete-inlist : 서버를 통해 입력받은 파일 항목의 삭제(휴지통 모양) 클릭시 callback 함수
    return 값으로 false 반환시 삭제를 위한 진행(화면/내부구조/.. 삭제)을 중지합니다.
    - 참고 사항
    - callback-before-delete : 리스트 상단의 일괄 삭제 버튼 클릭시 호출하는 callback 함수
    - callback-click-delete : 삭제(휴지통모양) 버튼 클릭시
    탐색기를 통해 올린 파일의 취소나 서버에 등록된 파일의 삭제 모두의 경우에 호출하는 callback 함수
    인자값으로 전달되는 status 에 따라 탐색기를 통해 올린 파일(status : 'add')
    서버에 등록된 파일(status : 'init') 로 구분할 수 있습니다.
    - 유의사항
    - callback-after-delete-inlist 가 없는 이유는 서버 파일의 삭제의 보장은 커스텀 부분으로
    - callback-before-delete-inlist 에서 개별적으로 ajax 통신을 하여
    success 시 return 값을 없애거나 true 로 화면상에서의 삭제 진행
    failed 시 에만 return fasle 로 화면상에서의 삭제 진행 중단 형태로 로직을 구현하시면 됩니다.

Ver 2.6.986

Release on 2020.03.10
  • [기능 추가]
    SBUxMethod.selectTab 및 Control 패널의 메뉴 리스트 바로 이동시
    탭의 위치를 맨좌측으로 이동시키는 기능 추가
      - <sbux-tabs tag 에서 설정하는 경우
        - 속성명
           move-first-in-panel="true"   시 맨좌측으로 이동함
        - Default 속성 (공통) 설정
           - SBUxG.DEF.SET_TABS = {
              ...
              moveFirstInPanel: true,  
              (제품 배포시 false 이며, true 변경시 Control 패널 메뉴 리스트에서 선택시 맨 좌측으로 이동)
           }
      - SBUxMethod.selectTab 을 이용하는 경우
        - SBUxMethod.selectTab(모델명, { 선택할 tab id , 선택시 좌측으로 탭의 이동 여부 } ); 
        - 아래 예시와 같이 moveToFirst 옵션을 추가합니다.
            예시) SBUxMethod.selectTab('exampleTabs', {
                  tabId : '이동할 tab id',
                  moveToFirst : true
            });   
    
    
  • [기능 추가]
    popup/range 타입에 존재하지 않는 날짜 입력 시 메시지 나타나도록 기능추가
     - 속성을 통해 메시지를 입력하거나 
        Datepicker 의 설정속성인 SBUxMessage_date.js 또는 SBUxMessage_date.min.js 에서 공통 속성으로 설정합니다.
         - 속성명
    	   invalid-date-message = "존재하지 않는 날짜입니다" 
    	 - Default 속성 (공통) 설정
    	   assets/js/locale/SBUxMessage_date.js ,  SBUxMessage_date.min.js
    	   - SBUxG.DEF.LANG_DATEPICKER.ko : {
    	           ...
                   DATEPICKER_INVALID_DATE_TEXT: ''  (기본은 공백으로 데이터가 입력되면 공통으로 적용됨)
             }
           - 다국어 설정이 필요한 경우에는 
             SBUxG.DEF.LANG_DATEPICKER.en , SBUxG.DEF.LANG_DATEPICKER.zh, SBUxG.DEF.LANG_DATEPICKER.ja 도 함께 설정합니다.
    
  • [기능 개선]
    shortcut, id, name 의 필수 속성이 제거되었습니다. (시스템에서 자동 부여)
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2183 버전 업그레이드
      [기능 개선] total 사용시에 기준열이 combo면 타이틀열을 제외한 합계행에 표시되는 데이터를 label로 표시하는 속성
       ex) total.standardvaluechange = true;

Ver 2.6.984

Release on 2020.03.04
  • [기능 개선]
    SBUxConfig 설정 옵션의 minify 되는 파일 사용에 대해 SBGrid 내 파일 추가
     - 적용방법
      - var SBUxConfig = {
             Path : "./../sbux/",
    	            ...
             UsingMinifyFile : true   <= 추가
        } 
                   
      - 이전 버전에서의 minify
         - assets/js/locale/SBUxMessage_ko.js(12KB) -> SBUxMessage_ko.min.js(9KB)
         - assets/js/locale/SBUxMessage_date.js(6KB) -> SBUxMessage_date.min.js(4KB)
         - assets/js/ext/Bootstrap_Datetimepicker.js(3KB) -> Bootstrap_Datetimepicker.min.js(3KB)
         - assets/js/setup/SBUxDefault.js(22KB) -> SBUxDefault.min.js(14KB)
         - assets/js/setup/SBGridDefault25.js(12KB) -> SBGridDefault25.min.js(8KB)​
    ​
      - 추가되는 minify
         - assets/js/sbgrid/2_5/SBGrid/js/lib/ds/hashtable.js(15KB) ->  hashtable.min.js(7KB)
         - assets/js/sbgrid/2_5/SBGrid/js/lib/ds/hashset.js(4KB) -> hashset.min.js(2KB)
         - assets/js/sbgrid/2_5/SBGrid/js/lib/ds/SBQueue.js(2KB) -> SBQueue.min.js(1KB)
         - assets/js/sbgrid/2_5/SBGrid/js/lib/ds/SBStack.js(2KB) -> SBStack.min.js(1KB)       
         - assets/js/sbgrid/2_5/SBGrid/js/lib/ds/xlsx.js(300KB) -> xlsx.min.js(147KB)
         
      - minify 이전의 내용을 수정한 경우, 원본에서 수정한 후 minify 시켜 반영합니다.
    	    특히 SBUxDefault.js 는 공통설정 속성이기 때문에 관리 대상입니다.   
    
  • [기능 개선]
    SBUxConfig 설정 옵션의 엑셀 로컬 다운로드 관련 파일 호출 개선
      - 그리드의 메소드 중 datagrid.exportLocalExcel 및 datagrid.exportData 를
        사용하지 않는 경우에는 assets/js/sbgrid/2_5/SBGrid/js/lib/ds/xlsx.js 를 호출할 필요가 없습니다.
        설정에서 제어를 하여 호출하지 않도록 합니다.
     - 적용방법
       - var SBUxConfig = {
              Path : "./../sbux/",
              ...
              SBGrid : {
                  Version2_5 : true,
            	  Excel : { Local : false }  <= 추가 
    	     }
         }
    
     - SBUxConfig.SBGrid.Excel.Local 이 설정되지 않은 경우 기본값이 true 입니다. 
    
  • [기능 개선]
    그리드와 UI Component 의 연동에서 상태값을 제어하는 grid-status 속성이 공통속성에서 설정가능하도록 추가되었습니다.
    
     - 참고) grid-status 속성값
        -  설정안함 (default : update)
        -  undefined : 상태값 변화 안함, 그리드의 valuechanged 이벤트시 조건에 따라 setRowStatus 로 설정
        -  insert :  그리드의 행의 상태를 insert 로 설정
        -  update :  그리드의 행의 상태를 update 로 설정
        -  delete:  그리드의 행의 상태를 delete 로 설정
        -  auto :  그리드의 행의 상태를 원본데이터(getOrgRowData) 와 비교하여 원본과 같은 경우 status 를 remove 시킨다.
    
     - Default 속성 (공통) 설정 (SBUxDefault.js 파일에 적용)
       SBUxG.DEF.SET_INPUT = { ... gridStatus : 'update', ... }
       SBUxG.DEF.SET_DATEPICKER = { ... gridStatus : 'update', ... }
       SBUxG.DEF.SET_RADIO = { ... gridStatus : 'update', ... }
       SBUxG.DEF.SET_CHECKBOX = { ... gridStatus : 'update', ... }
       SBUxG.DEF.SET_LABEL = { ... gridStatus : 'update', ... }
       SBUxG.DEF.SET_SELECT = { ... gridStatus : 'update', ... }
       SBUxG.DEF.SET_BUTTON = { ... gridStatus : 'update', ... }
       SBUxG.DEF.SET_TEXTAREA = { ... gridStatus : 'update', ... }
       SBUxG.DEF.SET_LISTBOX = { ... gridStatus : 'update', ... }
       SBUxG.DEF.SET_DROPDOWN = { ... gridStatus : 'update', ... }
    

Ver 2.6.983

Release on 2020.02.28
  • [기능 추가]
    single, uitype 이 singleExt 인 경우에 jsondata 없이 사용할 수 있는 고정형 추가
      - 변동형에서 사용하는 모든 속성을 사용할 수 있습니다.
      - <option-item 의 속성으로는
        'text', 'value', 'style', 'mastervalue', 'required', 'disabled', 'readonly', 'selected', 'onclick' 를 넣을 수 있습니다.
    예시)
      <sbux-select name="color" uitype="singleExt" auto-width="true" unselected-text="=선택=">
    		   	 <option-item value="red">빨강</option-item>
    		     <option-item value="orange">주황</option-item>  
      </sbux-select>
    

Ver 2.6.982

Release on 2020.02.27
  • [기능 추가]
    progressbar, 지정한 특정영역에 progress를 설정할 수 있는 기능
      - SBUxMethod.openProgress 와 SBUxMethod.closeProgress 내 selector 를 지정하여 설정
      - option 의 selector 속성이 있는 경우 <sbux-progress 설정을 복사하여 사용합니다.
      - modelNm 은 필수 속성입니다.
      - 유의사항
        - 동작시 selector 영역의 css position 을 relative 로 강제 변경하오니 사용전 확인하시기 바랍니다.
     SBUxMethod.openProgress({
              modelNm : 'progNm',
              selector : '#SBUx_Grid'
     });
    
     <div id="SBUx_Grid">....</div>
    
  • [기능 추가]
    progressbar, background 관련 투명화 속성 설정 추가
      - SBUxMethod.openProgress 와 SBUxMethod.closeProgress 내 opacity 를 지정하여 설정거나 속성으로 입력하여 사용가능
      - opacity 값의 범위 : 0 ~ 1
      예시)
      SBUxMethod.openProgress({
              modelNm : 'progNm',
              selector : '#SBUx_Grid',
              opacity : '0.1'
      });
    
         또는
    
      <sbux-progress name="progNm1" uitype="loading"  opacity="0.1"
                     openlayer-title="로딩" show-openlayer="true" >
      </sbux-progress>
    
  • [기능 추가]
    tabs, control panel 내에 있는 좌우측 이동 버튼 클릭의 지연시간 기능
      - 속성명
        move-delay-in-panel = "200"
      - Default 속성 (공통) 설정
      SBUxG.DEF.SET_TABS = {
              ...
              moveDelayInPanel : 200
      }
    
  • [기능 추가]
    SBUxMethod.attr 에 required 속성 입력이 가능하도록 추가.
      예시)
        SBUxMethod.attr('모델명','required', 'true')
        SBUxMethod.attr('모델명','required', true)
  • [기능 추가]
    input, datepicker, radio, checkbox, select, textarea, listbox, dropdown 컴포넌트에 onvalidate 속성과 onvalidate-message 속성 추가
      - 로직처리를 통한 validation check 를 하고자 할 때 사용합니다.
      - SBUxMethod.validateRequired(); 를 수행하거나 submit 이 동작할때 수행됩니다.
      - onvalidate 속성값은 함수명과 전달 파라메터 입니다.
      - return 값이 없는 경우 또는 true 인 경우 성공으로,
        return 값이 false 인 경우 실패로 onvalidate-message 속성 값을 메시지로 나타내며 없는 경우 SBUxDefault.js 에 설정된 onvalidateMessage 값을 읽어 옵니다.
        return 값이 object 형태로 { return : false, message: '나타낼 메시지'} 로 return 되는 경우 message 값을 읽어 나타냅니다.
      예시)
      
      <script>
    	function fnValidate(modelName, userMessage){
             var val = SBUxMethod.get(modelName);
             if (!val){
                   return {
                         return : false,  // false 시 메시지가 나타남
                         // 전달받는 메시지가 없는 경우
                         // onvalidate-message 속성을 찾는 다음 없으면
                         // SBUxDefault.js 에 설정된 onvalidateMessage 값을 읽음
                         message : userMessage
                   }
             }
        }
    
        function fnDesc(modelName) {
             var val = SBUxMethod.get(modelName);
             if (!val) {
                return false;
             }
        }
    
        </script>
    
        <sbux-input name="userName"
                    onvalidate="fnValidate('userName','입력데이터 확인')"
                    tab-index = "1">
        </sbux-input>
    
        <sbux-textarea name="userDesc" tab-index = "2"
                       onvalidate="fnDesc('userDesc','비고란 확인')"
                       onvalidate-message="비고란을 확인해주세요" ></sbux-textarea>
    
        <sbux-datepicker name="userBday"
                         onvalidate="fnValidate('userBday','날짜 확인')"
                         tab-index = "3">
        </sbux-datepicker>
                         
    
  • [기능 추가]
    button , 단순히 화면에 나타내고 이벤트만 발생하는 경우에 id 나 name 속성을 넣지 않는 경우에도 정상동작하도록 개선

Ver 2.6.981

Release on 2020.02.23
  • [기능 추가]
    SBUxMethod, SBUxMethod.set 을 통한 설정시 와일드카드 (*) 를 사용할 수 있습니다.
    - 예시) SBUxMethod.set('txt*', 'txt 입력')
      SBUxMethod.set('*_txt', 'txt 입력')
  • [기능 추가]
    공통함수 기능 추가
    - 파일다운로드 기능
      SBCL.File.Download ({
                 url : '파일이 접근 가능한 url',
                 ext : 파일확장자
                 name : 파일명
         });
        예시) SBCL.File.Download({
                 url : 'http://127.0.0.1:8080/fileupload/alert.png',
                 ext : 'png',
                 name : 'Alert 이미지'
         });
    
  • [기능 개선]
    input, mask 속성의 옵션 중 mask="{'alias':'numeric'}" 지정에 첫번째 숫자 삭제시 사용자 편의를 위한 3글자 삭제 기능 제거
      '10000000' 형태 입력, 커서(caret)를 input 내 텍스트 가장 앞으로 이동 후 delete 키로 삭제 시, 3자리씩 삭제되는 기능을 제거

Ver 2.6.980

Release on 2020.02.20
  • [기능 추가]
    select, uitype 이 singleExt 일때, readonly 시 list 를 open 하는 것에 대한 설정
    제품 readonly 시 list 를 open 하고, 선택 되지 않토록 하여 어떤 내용들이 있는지는 확인할 수 있게 함.
    readonly 를 공통함수 getGroupAttr 등에 공통 적용되도럭 처리하는 경우가 있어,
    아래와 같이 속성 또는 공통 속성으로 readonly 시 open 되지 않도록 만드는 속성을 추가함.
    - 속성명
      readonly-open = "false"
    - Default 속성 (공통) 설정
    						
     - SBUxG.DEF.SET_SELECT = {
        ...
        readonlyOpen : true, (제품 배포시 true 이며, false 변경시 readonly 시 open 하지 않음)
       }
    
  • [기능 개선]
    sidemenu, SBUxMethod.expandSideMenu 와 SBUxMethod.collapseSideMenu 사용시 상위 노드를 자동으로 확장 또는 축소 되도록 변경
    추가된 키 버튼 및 관련 속성
      - SBUxMethod.expandSideMenu('모델명','하위 id'); 시 '하위 id' 의 상위 노드들이 확장됨
      - SBUxMethod.collapseSideMenu ('모델명','하위 id'); 시 '하위 id' 의 상위 노드들이 축소됨
  • [기능 개선]
    그리드와 컴포넌트 연계, 입력값을 자동비교하여 상태를 표시하는 기능 추가
    grid-status = "auto" 시 초기 원본 데이터와 비교하여 그리드의 status 를 변화시킴
    그리드의 모든 컬럼은 컴포넌트와 적어도 1개의 연계가 존재해야 합니다.
      예시)
       <sbux-input name="inp" 
                     grid-id="datagrid" 
                     grid-status="auto">
       </sbux-input>
    

      - 참고사항 : grid-status 의 설정값
        - 설정안함 (default : update)
        - undefined : 상태값 변화 안함, 그리드의 valuechanged 이벤트시 조건에 따라 setRowStatus 로 설정
        - insert : 그리드의 행의 상태를 insert 로 설정
        - update : 그리드의 행의 상태를 update 로 설정
        - delete: 그리드의 행의 상태를 delete 로 설정
        - auto : 그리드의 행의 상태를 원본데이터(getOrgRowData) 와 비교하여
          setRowStatus(nRow, 'update') 또는 removeRow(nRow) 를 실행 )
  • [기능 개선]
    label , 단순히 화면에 나타내기 위한 형태로 사용하는 경우에 id 나 name 속성을 넣지 않는 경우에도 정상동작하도록 개선

Ver 2.6.979

Release on 2020.02.18
  • [기능 추가]
    progress, 프로그래스가 open 되어 있는지 확인하는 메소드 추가
    - 메소드 명
      SBUxMethod.getProgressStatus('모델명');
      반환되는 값 : 'open' 또는 'close'
  • [기능 추가]
    shortcut, 단축키 관련 키 추가
    추가된 키 버튼 및 관련 속성
      - divide 버튼 (/) : divide-target, divide-event, divide-callback
      - multiply 버튼 (*) : multiply-target, multiply-event, multiply-callback
      - minus 버튼 (-) : minus-target, minus-event, minus-callback
      - plus 버튼 (+) : plus-target, plus-event, plus-callback
      (* 참고 : Ins(0) 과 Del(.) 버튼은 insert 와 delete 키 관련 속성과 동일하게 사용합니다.)
  • [기능 개선]
    SBUxMethod.exportImageData 이미지 출력 메소드 추가
      - SBUxMethod.exportImageData(받고자 하는 함수명, 영역 selector)
      - Image 를 Base64 형태로 함수명의 인자값으로 return 합니다.
      - 참고 ) SBUxMethod.exportBinaryImage 는 Blob 으로 return 합니다.
  • [기능 개선]
    button, 크롬에서의 readonly 시에도 onclick 등의 설정한 이벤트가 동작하지 않도록 수정
      - SBUxMethod.attr(버튼 속성명,"readonly","true");
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2179 버전 업그레이드
      [기능 추가] tree checkbox 사용시 자식노드 종속 체크 여부 설정하는 checkboxchildrencheck 기능 추가 (default:true)
      [기능 추가] 필터링 사용시 필터 적용된 항목은 UI리스트에서도 안보이게 하는 속성 추가 . ex) dynamicfilterlist = true;
      [기능 개선] 콤보 필터링 및 unselect 옵션 사용시 부모 컬럼 조작하면 필터링 된 컬럼 unselect 옵션이 나타나도록 개선

Ver 2.6.978

Release on 2020.02.14
  • [기능 추가]
    sidemenu, 메뉴를 접을 수 있는 SBUxMethod API 추가
    - SBUxMethod.collapseSideMenu(param1, param2?, param3?, param4?)
      param1 - 모델명
      param2 - Menu ID
      param3 - Menu ID 를 기준으로 하위 몇레벨까지 접을 것인지 지정
      param4 - Menu ID 를 접을지에 대한 여부
    예시)
      전체 접을시 : SBUxMethod.collapseSideMenu('모델명');
      특정 메뉴를 접을시 : SBUxMethod.collapseSideMenu('모델명','Menu ID', 3, true)
      특정 메뉴 자식들만 접는 경우 : SBUxMethod.collapseSideMenu('모델명','Menu ID', 3, false)
  • [기능 추가]
    shortcut, alt+ 숫자, ctrl + 숫자, shift + 숫자 외에 단축키 관련 키 추가
    추가된 키 버튼 및 관련 속성
      - Page Up 버튼 : page-up-target, page-up-event, page-up-callback
      - Page Down 버튼 : page-down-target, page-down-event, page-down-callback
      
      - Home 버튼 : home-target, home-event, home-callback
      - End 버튼 : end-target, end-event, end-callback
      - Print Screen 버튼 : print-screen-target, print-screen-event, print-screen-callback
      - Insert 버튼 : insert-target, insert-event, insert-callback
      - Delete 버튼 : delete-target, delete-event, delete-callback
      - Left Ctrl 버튼 : left-ctrl-target, left-ctrl-event, left-ctrl-callback
      - Right Ctrl 버튼 : right-ctrl-target, right-ctrl-event, right-ctrl-callback
  • [기능 추가]
    이미지 출력 기능 , 서버로 전송하기 위한 이미지 데이터를 받을 수 있는 기능
    var SBUxConfig = {
        ...
        UsingExportImage : true,  // false 가 기본입니다.
        ...
    } 	
    

    사용 메소드
       SBUxMethod.exportBinaryImage(받고자 하는 함수명, 영역 selector)
    유의사항
       IE9, safari 에서는 동작하지 않습니다.
    예시)
     - 화면내용을 이미지 데이터로 받음
       - var imageData= SBUxMethod.exportBinaryImage((fnImageData);
    
     - 정해진 영역을 이미지로 출력할때
        <div id="imageArea">
           ... 화면내 tag 
        </div>
        
       - SBUxMethod.exportBinaryImage(
             function(arg) { 
                console.log('이미지 데이터', arg);
                // 서버로 arg 데이터를 전송
             }
         );
         또는
        function fnImageData(arg) {
              console.log('이미지 데이터', arg);  
              // 서버로 arg 데이터를 전송
        }
        SBUxMethod.exportBinaryImage('fnImageData' , '#imageArea');
        SBUxMethod.exportBinaryImage(fnImageData , '#imageArea');   
    
  • [기능 개선]
    tabs, is-scrollable 적용 후 영역 내 나타나지 않는 메뉴 selectTab 시, 포커스된 메뉴로 스크롤 이동하도록 기능 개선
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2174 버전 업그레이드
      [기능 추가] 행단위 원본데이터 반환하는 getOrgRowData 추가
        (기본 datagrid1.refresh시에는 원본데이터가 변경 되지 않습니다.
        datagrid1.refresh 의 인자값으로 status:true 를 주는 경우 원본데이터가 변경됨)
        예시) var orgRowData = datagrid1.getOrgRowData(2);
      [기능 추가] subtotal 특정 데이터 개수 반환하는 datacount 기능 추가
        아래와 같이 subtotal 선언시 사용할 수 있습니다.
        - 'datacount' 선언으로 3(3번째 column) 과 4(4번째 column) 에
        'Y' 값이 있는 데이터를 카운드하여 subtotal 의 값으로 나타낸다.
    예시) SBGridProperties.total = {
                                   columns : { ... ,
                                               datacount:{
                                                          'Y':[3,4], 
                                                          }
                                             }
                                  }
    

Ver 2.6.977

Release on 2020.02.13
  • [기능 추가]
    SBUxMethod.popupLayer 의 옵션 추가
    - 옵션명
      modal : true (default : false) - popup 화면의 뒤 화면의 반투명 효과로 포커싱이 안되도록 제어
      modalBackdropClose : true (default: false) - popup 화면의 뒤 화면 클릭시 popup 화면이 close 되는 옵션
      resizeable : false (default : true) - layer 가로 세로 size 를 조절하는 resize 여부 선택
    예시)
    SBUxMethod.popupLayer({
       id : "newId",
       title : "타이틀",
       width : 800,
       height : 400,
       // position x
       posx : (document.body.clientWidth - 200) / 3,
       // position y
       posy : ($(window).height() - 200) / 3,
       url : "promiseLoading.html",
       // post data
       // data : {id:'id_1' , name : 'softbowl'}
       modal : true,
       // modalBackdropClose : true,
       resizeable : false,
    });       
    
  • [기능 추가]
    SBUxMethod.popupLayer 창 'X' 버튼으로 창 닫기 시 callback 함수등록 기능 추가
    - 옵션명
       callback_after_close : 함수 ('함수명' 또는 function)
    예시)
     function fnCall() { ...  }
     SBUxMethod.popupLayer({
         ...
         callback_after_close : 'fnCall' 또는 fnCall
         .. 
     );
    
      또는
    
     SBUxMethod.popupLayer({
         ...
         callback_after_close : function(){ .... }
         .. 
     });  
    
  • [기능 추가]
    이미지 출력 기능 , body 영역 또는 정해진 영역을 이미지로 출력하는 기능
      - 해당 메소드를 사용하기 위해서는 아래와 같이 설정이 필요합니다.
    var SBUxConfig = {
        ...
        UsingExportImage : true,  // false 가 기본입니다.
        ...
    } 	
    

    사용 메소드
       SBUxMethod.exportImage(output 파일명, 영역 selector)
    유의사항
       IE9, safari 에서는 동작하지 않습니다.
    예시)
     - 화면내용을 이미지로 출력할때
       - SBUxMethod.exportImage('화면 캡쳐.jpg' );
     
     - 정해진 영역을 이미지로 출력할때
       <div id="imageArea">
        ... 화면내 tag 
       </div>
        - SBUxMethod.exportImage('화면 캡쳐.jpg', '#imageArea'); 
    
  • [기능 추가]
    PDF 출력 기능 , body 영역 또는 정해진 영역을 PDF로 출력하는 기능
      - 해당 메소드를 사용하기 위해서는 아래와 같이 설정이 필요합니다.
    var SBUxConfig = {
        ...
        UsingExportPdf : true,  // false 가 기본입니다.
        ...
    } 	
    

    사용 메소드
       SBUxMethod.exportPdf(output 파일명, 영역 selector)
    유의사항
       IE9, safari 에서는 동작하지 않습니다.
    예시)
      - 화면내용을 PDF로 출력할때
        - SBUxMethod.exportPdf('화면 PDF.pdf' );
    
      - 정해진 영역을 PDF로 출력할때
        <div id="pdfArea">
         ... 화면내 tag 
        </div>
        - SBUxMethod.exportPdf('화면 PDF.pdf', '#pdfArea' );
    
  • [기능 개선]
    tabs, show-control-panel 버튼으로 메뉴 select 시에도 callback-after-select 함수 발생토록 기능
    - 발생조건
      - show-control-panel 버튼 내 좌측 이동 버튼 클릭 후 좌측 tab 이동시
      - show-control-panel 버튼 내 우측 이동 버튼 클릭 후 우측 tab 이동시
      - show-control-panel 버튼 내 메뉴 선택 버튼 클릭 후 선택 tab 이동시
      - show-control-panel 버튼 내 현재 탭 닫음 버튼 클릭 후 다른 tab으로 이동시
      (* is-close-icon 속성을 통한 'x' 표시 클릭 후 닫힘 시에는 호환성 유지를 위해
       callback-after-select 가 동작하지 않도록 되어 있습니다)

Ver 2.6.976

Release on 2020.02.07
  • [기능 추가]
    select, singleExt 타입인 경우 리스트 문구 길이에 따라 리스트 영역 사이즈 조절 기능 추가
    - 속성명 : auto-width = "true" 시 자동으로 문구 길에 맞게 사이즈 조절
  • [기능 추가]
    select, singleExt 타입인 경우 포커스 상태에서 키보드 입력에 따른 팝업 리스트의 해당 항목 포커스 기능 추가
    - 유의사항
      - 포커스 되는 리스트는 한글이 아닌경우만 가능 (한글 키입력은 허용하지 않음)
      - IE 만은 포커스가 나타나며 IE9 에서은 우측에 X (clear) 표시가 나타남
  • [기능 추가]
    datepicker, focus 시 (click 시 또는 tab 으로 이동됨) 캐럿의 위치를 고정시키는 속성 추가
    - 속성명 : position-caret-on-click='ltr'
    - 속성값
      'lvp' (default) : 데이터가 없는 경우 좌측 caret 위치, 모든 데이터가 있을때는 우측 caret 위치
      'ltr' : 좌측에 무조건 위치
      'select' : 전체가 입력 영역으로 설정
  • [기능 추가]
    shortcut 컴포넌트, alt + 0 ~ 9 , ctrl + 0 ~ 9 , shift + 0 ~ 9 의 단축키에 대한 이벤트 발생 컴포넌트
    alt + 1 등록
      단축키의 동작은 다른 컴포넌트의 이벤트를 Trigger 하거나 미리 선언된 함수를 호출합니다.
    - 속성명
      alt-1-target="다른컴포넌트의 selector (id, name, class)"
      alt-1-event="다른 컴포넌트의 이벤트 실행형태 (click, focus,...)"
      alt-1-callback="함수명" , callback 이벤트 발생으로서 등록
    위와 같은 형태로 alt, ctrl, shift 를 등록하여 단축키로 사용가능합니다.
    예시) alt + 1 클릭시 버튼 이벤트 호출, alt + 2 클릭시 fnCall 함수 호출
    <sbux-shortcut name="short"
                   alt-1-target="#btnReg" 
                   alt-1-event="click"
                   alt-2-callback="fnCall">
    </sbux-shortcut>
    
    <sbux-button id="btnReg" name="btn"
                 text="등록" onclick="fnReg">
    </sbux-button>
    
    <script>
        function fnReg() {
           console.log('alt + 1 를 클릭하여 버튼 컴포넌트를 실행');
        }
    
        function fnCall() {
           console.log('alt + 2 를 클릭하여 실행된 함수');
        }
    </script>      
    
  • [기능 개선]
    input, auto-fill-phone-dashes="true" 와 auto-fill-gen-dashes="true" 동시에 사용가능하도록 개선
  • [기능 개선]
    datepicker, input 영역 내 '/' mask 부분부터 드래그 블럭한 후 숫자 입력 시 입력이 되도록 개선
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2171 버전 업그레이드
      [기능 추가] controlpanel columns '적용' 버튼 클릭시 호출할 applycallback 속성 추가
        ex) SBGridProperties.controlpanel={columns:{frozen:true,applycallback:function(obGrid){console.log(objGrid);}}
      [기능 추가] refresh({style:true})시에 적용시 cellhide는 초기화 하지 않는 파라미터 추가.
        ex)cellhide:false (해당 파라미터는 단독으로 쓰일 수 없음)
      [기능 추가] tree checkbox 전체체크/전체해제 하는 기능 추가 ex) datagrid1.setTreeCheckboxAll(true);
      [기능 개선] setCellHide 범위 지정할 수 있도록 개선 ex) datagrid1.setCellHide(1,4,3,7,true);
      [기능 개선] tree 전체접기/전체펼치기 속도 개선

Ver 2.6.975

Release on 2020.01.30
  • [기능 추가]
    tabs, SBUxMethod.addTab 시 callback 속성 추가
    - addTab 시 속성명
        callbackcompleteaddtab : '함수명'
    예시)
    function fnAddTab() {
    var options = {
    text : '추가탭',
    		targetid : 'SBUx_Tab',
    		targetvalue : 'testTabValue',
    		glyphs : 'light-blue glyphicon-star',
    		cssstyle : 'font-weight: bold;width:100px;',
    		badgetext : '10',
    		badgecolor : 'green',
    		callbackCompleteAddTab : 'fnCall'
    	};
    	SBUxMethod.addTab('모델명', options);
    }
    
    function fnCall(arg){
    	console.log('추가된 탭 정보 ' , arg);
    }          
    
  • [기능 추가]
    input, 영문또는 한글만 입력가능하다는 alert 나타내는 속성 추가
    - 속성명 : permit-message = "문구"
    예시) <sbux-input name="onlyEng" uitype="text" style="width:350px;" permit-keycodes-set="en"
      permit-message="영문만 입력가능"></sbux-input>
  • [기능 추가]
    input, 한글 입력 시 영어로 자동변환, 영어 입력시 한글로 자동변환되는 기능
    - 영문 -> 한글 :
      - 속성명 : auto-convert = "en2ko"
      - 지연시간 설정 속성 : 한글은 초성 중성 종성으로 나누어서 이루어지는 조합형이기 때문에 입력에 대한 delay time 이 필요
         - auto-convert-delay = "2000" (속성이 없을 시 : 2000 , 2초 )
    - 한글 -> 영문
      - 속성명
        - auto-convert = "ko2en"
        - 지연시간이 필요없음
      - 유의사항
        - 한글 입력의 이벤트상의 특수성으로 한글자 입력 후 커서가 이동된 후 반영됩니다.
    - 주의사항 : 해당 속성은 단독으로 사용되어야 합니다.
  • [기능 추가]
    datepicker, range type 에서 to date 선택 후 from date 선택시 from 가 to 보다 앞설때 to 날짜를 from 에 입력
    from date 선택 후 to date 선택시 to 가 from 보다 앞설때 from 날짜를 to 에 입력 위 두가지 경우는 각 상황에 맞는 문구 출력 후 자동 바인딩 됩니다
    - 속성명 : modify-validate-date="true"
    - Default 속성 (공통) 설정 : SBUxG.DEF.SET_DATEPICKER = {...modifyValidateDate : false, ..}
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2161 버전 업그레이드
      [기능 추가] tree에 checkbox사용 시 체크 된 상태에서 refresh하면 default로 체크상태 유지되게 변경함. 초기화하고 싶을 때 objGrid.refresh({treecheckbox:true})
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2154 버전 업그레이드
      [기능 추가] textareascroll과 비슷하지만 스크롤이 안보이고 개행만 확인하는 textareanewline 속성 추가 ex) {caption : 'textarea', type : textarea, typeinfo : {textareanewline : true}}
      [기능 개선] pasteaddrow true 시 행이 없는 그리드에 행추가가 되도록 개선
      [기능 개선] 데이터에 null값이 들어왔을때 빈 스트링변환하는 부분을 roundmode 일때만 적용하게 변경함
  • [SBGrid 업그레이드]
    - SBChart 2.0.21 버전 업그레이드
      [기능 개선] gauge chart, stack data 표현 가능하게 변경
      [기능 개선] title, extend.donut.title 에서 \n으로 줄바꿈 가능하게 변경
      [기능 개선] data에 null 허용 가능하게 변경
      [기능 개선] bubble chart, data.columns일 때 배열로 입력하여 bubble 크기를 사용자가 지정 가능하게 변경
  • [SBGrid 업그레이드]
    - SBChart 2.0.20 버전 업그레이드
      [기능 추가] scroll 기능 추가
      [기능 추가] zoom 기능 추가
      [옵션 추가] conf.axis.x.scroll.show 추가
      [옵션 추가] conf.axis.x.scroll.xSize 추가
      [옵션 추가] conf.axis.x.scroll.wheel 추가
      [옵션 추가] conf.axis.x.zoom.type 추가
      [옵션 추가] conf.axis.x.zoom.maxScale 추가
      [기능 개선] 차트 기본색상 변경

Ver 2.6.974

Release on 2020.01.23
  • [기능 추가]
    label, uitype="title" 추가 , text 를 div 로 감싸는 구문으로 처리되며 클릭시 이벤트를 가지고 있습니다.
    wrap-class , wrap-style 을 통해 CSS 를 처리할 수 있습니다.
    예시) <sbux-label name="f1" text="즐겨찾기" uitype="title" wrap-class="sbux-flo-title" onclick="fnTitleClick(f1)"></sbux-label>
  • [기능 추가]
    modal, uitype 이 normal 일때 modal 창이 열리는 위치를 고정하는 속성 추가
    - 속성명 : fixed-reopen= "true"
    - Default 속성 (공통) 설정 : SBUxG.DEF.SET_MODAL = { ... fixedReopen: false, ... }
  • [기능 추가]
    input, 전국대표번호(ex : 1577-7590) 형태(4-4) 대시 자동 붙이는 기능 추가
    - 속성명 : auto-fill-gen-dashes="true" : 4-4 대시로 나타내기 위한 속성
      unmask-gen-dash="true" : SBUxMethod.get 시 '-' 를 지우지 않고 나타냄
      * 숫자한정인 경우 maxlength="8" 속성을 함께 사용합니다.
  • [기능 개선]
    carousel, not-found-text 속성 공백("") 설정도 가능하도록 개선
  • [기능 개선]
    tabs, addTab시 추가한 탭이 보이게 추가된 탭에 맞춰 scrolling 이 자동으로 움직이도록 수정
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2145 버전 업그레이드
      [기능 추가] 지정한 열이 정규식 조건을 충족하는지 여부를 판단하는 컬럼 유효성 검사 기능 추가
     예시) datagrid1.isColumnDataValid([2,3,4], /[^0-9]/gi, {
      	 callback : function(objGrid, nRow, nCol, strData, bIsValid){
    					if(bIsValid){
    					console.log(objGrid, nRow, nCol, strData);
    					}
    				},
    	 label:'all',
    	 message:'<div>해당 열에 숫자가 아닌 데이터는 불가능합니다.</div>'
     });
    

Ver 2.6.973

Release on 2020.01.17
  • [기능 추가]
    floating 컴포넌트, 화면우측에서 항상 떠다니는 리스트를 나타내고자 할때 사용합니다.
      - id (필요시) : 유일한 값으로 설정, 미설정시 name 과 똑같은 이름으로 바인딩
      - name (필수) : 유일한 값으로 설정
      - jsondata-ref : JSON 객체값을 매핑합니다.
      - json 객체내의 key
      - id (필수) : 항목 고유 id
      - text (필수) : 항목 표시명
      - link : 클릭시 이동할 주소
      - order : 항목 순서
      - targetName : 클릭시 이동할 iframe Name
      - target : 클릭시 이동할 target
      - uitype (필요시) : "list", 미설정시 "list" 로 자동 세팅됩니다.
        SBUxDefault.js 내 SBUxG.DEF.SET_FLOATING 설정을 따름
      - wrap-style : 메뉴의 길이에 대한 % 를 각각 조정 합니다.
        미입력시에는 "height:50%" 으로 설정됩니다.
      - menu-title : 각 메뉴의 타이틀명을 입력
      - callback-menu-title-click : "함수명" , 타이틀을 클릭시 호출(인자값으로 모델명(name값)을 전달합니다.
      - show-filter-box : 필터 기능의 활성화 (항목명으로 필터링합니다)
      - filter-placeholder : 필터의 textbox 내의 placeholder
      - filter-starts-with : 첫단어부터 검색, (기본값은 false 입니다.)
      - callback-click-search : "함수명", 검색어 입력 후 엔터키 입력 시 호출(인자값으로 검색어를 전달합니다.
      - is-close-icon : 닫힘버튼 유무
    예시) <sbux-floating name="f1" wrap-style="height:40%" menu-title = "즐겨찾기" callback-menu-title-click = "fnTitleClick"
        callback-before-select="fnCallBackSelect" is-close-icon="true" jsondata-ref="firstJson">
        </sbux-floating>
  • [기능 추가]
    datepicker, 캘린더가 open 될때의 date 를 지정하는 속성 추가 , open 되는 날짜로 바뀌는 년도 조건에 따라 opening-date 날짜로 변경됩니다.
    inline, popup, range type 에 모두 적용됩니다.
    - 속성명 : opening-date="20200101" , open 되었을때 focus 되는 날짜
        - opening-condition-from-year="5000" , open 이 date 로 focus 될때의 조건으로 from 년도 (미지정시 9999 년)
        - opening-condition-to-year="9999" , open 이 date 로 focus 될때의 조건으로 to 년도 (미지정시 9999 년)
    예시) 5000 년도 부터 9999 년도 범위내에 초기값이나 선택한 값이 있다면 캘린더를 open 할때 opening-date 날짜로 변경하여 나타낸다.
        <sbux-datepicker name="picker" uitype="popup" style="width:100px;"
        init="99991231" opening-date="20190110" opening-condition-from-year="5000"></sbux-datepicker>
  • [기능 추가]
    sidemenu, dropdown 사용시 하위메뉴 표시를 최상단 위치로 변경하는 기능 추가
    - 속성명 : submenu-position="top"
    - 유의사항 : submenu-type="dropdown" 인 경우에만 사용하실 수 있습니다.
  • [기능 추가]
    input, permit-keycodes-set 속성에서 영문과 숫자만 입력가능하도록 하는 값 추가
    - 속성명 : permit-keycodes-set="en,number" 또는 permit-keycodes-set="number,en"
  • [기능 개선]
    sidemenu, callback-before-select 및 callback-after-select 속성 사용시 callback 되는 함수의 인자값으로 선택한 메뉴의 object 정보를 반환하는 값이 추가되었습니다.
    (object 정보내의 추가된 'submenuExpand' 값은 하위 메뉴의 확장/축소 변환될 값을 나타냅니다.)
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2138 버전 업그레이드
      [기능 개선] 콤보 필터링 사용시 자식 리스트에 unselect 정보 포함되도록 개선

Ver 2.6.972

Release on 2020.01.13
  • [기능 추가]
    tabs, controlpanel 에서 사용하는 close-others-remain-confirm-theme "window" 속성 설정시 open 되는 팝업의 문구 변경 기능 변경
    * SBUxG.DEF.MSG.TAB_MENU_CLOSE_CONFIRM_TEXT 값은 기본값으로 공백으로, 모든 닫기에 일괄적인 용어로 정의 하고자 할 때 구문을 입력하여 사용합니다.

Ver 2.6.971

Release on 2020.01.10
  • [기능 추가]
    tabs, controlpanel 에서 사용하는 close-others-remain-confirm-theme "window" 속성 설정시 open 되는 팝업의 문구 변경 기능 추가
    - 속성명 : close-others-remain-confirm-text="삭제하시겠습니까?"
    - Default 속성 (공통) 설정 : SBUxG.DEF.SET_TABS = { closeOthersRemainConfirmText : SBUxG.DEF.MSG.TAB_MENU_CLOSE_CONFIRM_TEXT, ... }
       - SBUxG.DEF.MSG.TAB_MENU_CLOSE_CONFIRM_TEXT 의 값은
      js/locale/SBUxMessage_ko.js , js/locale/SBUxMessage_en.js ,
      js/locale/SBUxMessage_ja.js , js/locale/SBUxMessage_zh.js 에 각각 설정되어 있으며,
      locale 설정이 변경될 때 설정된 값으로 읽어 옵니다.
  • [기능 추가]
    alert, footer 영역의 확인 버튼을 넣을 수 있는 속성 추가
    - 속성명 : show-close-on-footer = "true"
    - 버튼 클릭시 callback 함수 등록 : callback-close-on-footer = "fnCallback"
    - 버튼의 문구 : js/locale/SBUxMessage_ko.js , js/locale/SBUxMessage_en.js ,
      js/locale/SBUxMessage_ja.js , js/locale/SBUxMessage_zh.js 에 각각 설정되어 있는
        CLOSE_ON_FOOTER 로 SBUxG.DEF.MSG.CLOSE_ON_FOOTER 값을 호출하여 사용합니다.
    - 유의사항 : is_confirm : true 속성과 함께 사용시에는 confirm 버튼을 우선시 합니다.
      예시)
      SBUxMethod.openAlert 으로 사용시
      - show_close_on_footer : true,
      - callback_close_on_footer : 'fnCallback'
      - var data={
            title : 'openAlert', text : 'X를 눌러 닫아주세요.',
    		is_fixed : true, show_only_one : true, show_window_scroll : false,
            show_close_on_footer : true,
            callback_close_on_footer : 'fnCallback',  
      };
      function fnCallback(){ ... }
    

Ver 2.6.970

Release on 2020.01.09
  • [기능 추가]
    sidemenu, 하위메뉴를 나타내는 방식 설정 속성 추가
      - 속성명 : submenu-type = "dropdown"
      - 속성값 : "accordion" : accordion 방식의 하위메뉴
        "dropdown" : 팝업으로 나타나는 dropdown 방식의 하위메뉴
      - 유의사항 : submenu-type = "dropdown" 와 show-filter-box= "true" 를 동시 사용할 수 없습니다.
  • [기능 추가]
    input, 음수 및 양수 소수점 데이터 색상 표시해주는 기능 추가
      - 속성명 : highlight-decimals = "true"
    예시) 소수점 2자리, 정수는 3자리마다 ',' 로 표기, 기점은 '.' 으로 표시, 소수점이하 값이 없을때는 0 으로 채움
      <sbux-input name="inp1" highlight-decimals="true"
        mask="{'alias': 'decimal' , 'digits': 2, 'autoGroup': 3 , 'groupSeparator': ',', 'radixPoint': '.', 'autoFillDigits': true}">
      </sbux-input>
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2132 버전 업그레이드
      [기능 추가] yyyy/mm/dd hh:mm 형태의 mask 추가 ex)mask : {alias : 'datetimekr'}
      [기능 추가] fixedcheckbox 의 체크된 ui만 clear하는 api 추가 ex) objGrid.clearFixedCellchecked(1,1);
      [기능 개선] 가로 스크롤 할때 track 영역을 눌러서 이동시 한번 클릭할 때마다 스크롤 역역의 div만큼 이동되게 변경
      [기능 개선] total 기준 열 2개의 데이터 같을 때 position "top", "bottom" total 행 다른 현상 개선
      [기능 개선] setRowData로 데이터 변경 후 setRowStatus로 행 update 처리 했을 때 restoreRow로 초기화되도록 개선
      [기능 개선] combo 열 oneclickedit 사용 후 열려 있는 combo 셀 클릭시 list 닫히고 다시 클릭하면 열리도록 개선
      [기능 개선] SBGrid , datepicker, inputdate 시에 typeinfo 속성에서 open 될때의 date 를 지정하는 속성 추가

Ver 2.6.969

Release on 2020.01.06
  • [기능 추가]
    SBGrid, SBGrid 내 datepicker 선택시 close 와 clear 버튼의 SBGrid 값 반환을 위한 내부 호출함수 추가
  • [기능 개선]
    fileupload, fileupload 시 사용되는 icon 의 이미지명 변경
    - SVN 과의 연동(Commit 또는 update)이 되는 경우 파일명이 자동으로 변경되어 파일을 읽지 못하는 현상 발생

Ver 2.6.968

Release on 2020.01.02
  • [기능 추가]
    Sidemenu, 메뉴명이 긴 경우 ellipsis(말줄임표) 기능 추가
    - 속성명 : show-ellipsis="true"
    - Default 속성 (공통) 설정 : SBUxG.DEF.SET_SIDEMENU = { ... showEllipsis: false, ... }
    - 세부적으로 말줄임표의 max-width 를 설정하는 속성 : ellipsis-width="50px"
    - 유의사항 : tooltip 을 나타내는 속성인 show-tooltip = "true" 와 함께 사용할 시 ellipsis (말줄임표)가 있는 내용만 tooltip 이 나타납니다.
  • [기능 개선]
    Sidemenu, show-tooltip 에 대한 Default 속성(공통) 설정이 가능하도록 개선
    - Default 속성 (공통) 설정 : SBUxG.DEF.SET_SIDEMENU = { ... showTooltip: false, ... }
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2119 버전 업그레이드
      [기능 추가] controlpanel 아이콘 클릭시 callback 기능 추가
      [기능 추가] controlpanel 아이콘 영역 위치 조정하는 iconposition 기능 추가 (default : 'right')
      [기능 추가] tree checkbox 사용시 제외할 레벨을 지정하는 checkboxexceptionlevel 기능 추가 ex) checkboxexceptionlevel : [4,5]
      [기능 개선] rowheader영역 클릭시에도 행 선택되게 개선
      [기능 개선] 실제 cursorrow와 클릭한 row가 다를때 input 열리지 않게 변경
      [기능 개선] caption부분 \n으로 개행시 controlpanel columns에서 열 이름에서 개행문자 제거되도록 개선

Ver 2.6.967

Release on 2019.12.26
  • [기능 추가]
    SBUxMethod, window close 시 Confirm 메시지를 띄우는 기능 추가
    - 메소드 명 : SBUxMethod.confirmWindowClose(function(){...});
    - 유의사항 : 브라우저 마다 메시지의 형태가 다르며, IE 를 제외한 브라우저에서는 화면내의 컨트롤을 최소 한번이라도 해야 실행됩니다.
      예시
     $(document).ready(function(){
    	SBUxMethod.confirmWindowClose(function(){
    		 if (isNotSaved) {
    			return '저장이 되지 않았습니다.';  
    			// Confrim 메시지, 브라우저에 따라 나타나지 않을 수 있습니다.
    		 }
    	 });
    });
    
    var isNotSaved = true;
    
    // 저장버튼 클릭 이벤트
    function savedButton(){
       isNotSaved = false;
    ...
    }            
    
  • [기능 추가]
    tabs, control panel 내, 탭 닫기시 confirm 화면의 테마 추가
    - 속성명 : close-others-remain-confirm-theme = "window"
    - Default 속성 (공통) 설정 : SBUxG.DEF.SET_TABS = { ... closeOthersRemainConfirmTheme : 'sbalert' 또는 'window' ...}
  • [기능 추가]
    input, password 시 우측에 나타나는 데이터 확인 버튼 기능 추가
    마우스로 아이콘을 클릭을 유지한 경우 입력한 데이터가 나타나며, 마우스를 이동하거나 마우스 클릭이 풀렸을때 입력한 데이터가 은닉형으로 변경됩니다.
    - 속성명 : show-pass-view="true"
  • [기능 추가]
    tabs, callback-before-close 시점 object item 넘기는 파라미터 추가
    - 첫번째 파라메터 : target id
    - 두번째 파라메터 : tab 관련 object
    예시) <script>
    	function fnBeforeCloseTab(targetId, tabObj){
    		var flag = confirm("[" + tabObj.text + "]\n현재 탭을 삭제하시겠습니까?");
    		return flag;
    	};
    	</script>
    
    	<sbux-tabs id="idxtabTopJson" name="tabTopJson" uitype="normal" 
    				   ... 
    				  callback-before-close="fnBeforeCloseTab">
        </sbux-tabs>        
    
  • [기능 개선]
    tabs, control panel 내, 탭 닫기시 Confrim 화면의 여부를 공통속성에서 제어가능하도록 개선
    Default 속성 (공통) 설정 추가 : SBUxG.DEF.SET_TABS = { ... closeOthersRemainConfirm : false,...}
  • [기능 개선]
    fileupload, SBUxMethod.refresh 메소드 사용시 status "add"일 때 "init"으로 변경되지 않도록 개선

Ver 2.6.966

Release on 2019.12.23
  • [기능 추가]
    sidemenu, menu 의 text 마우스 오버시 tooltip 이 나타나는 속성 추가
    - 속성명 : show-tooltip = "true" (툴팁 동작 여부 속성)
       tooltip-key="tipKey" (json data 내 매칭시킬 key 명, 미설정시 default: 'text')
      tooltip-placement="top" ( 툴팁 위치 : top | bottom | left | right 택 1, default: 'top')
      tooltip-delay="1000" (툴팁의 반응 시간 : 1000 = 1초, show delay 와 hide delay 모두 같은 값으로 설정, default:0)
      tooltip-show-delay="1000" (마우스 오버시 부터 툴팁이 나타날때 까지의 시간: 1000 = 1초, show delay 만 설정시 hide delay 는 0 초)
      tooltip-hide-delay="1000" (마우스 오버된 text 에서 벗어났을때 툴팁이 사라질때 까지의 시간: 1000 = 1초, hide delay 만 설정시 show delay 는 0 초)
    예시) <sbux-sidemenu name="side_norm" jsondata-ref="sideJsonData"
    	show-tooltip="true"
    	tooltip-key="tip"  <!--별도의 키일때 사용 -->
    	tooltip-delay="1000">
    <sbux-sidemenu>
    
    <script>
    var sideJsonData = [
    ...
    {"id": "1", "pid":"0", "order":"1", "text":"Intro", "tip" : "소개 메뉴"  },
    {"id": "2", "pid":"0", "order":"2",  "text":"softbowl" , "tip":"회사 소개" },
    ...
    </script>
    
  • [기능 추가]
    tabs, control panel 내, 탭 닫기시 confirm 화면을 출력하는 기능 추가
    - 속성명 : close-others-remain-confirm="true"
    - Confirm 메시지 : assets/js/locale/SBUxMessage_ko.js (SBUxMessage_en.js 도 동일) 내 존재할때
      TAB_MENU_LIST_DEL_CONFIRM_TITLE : 'Tab Info',
      TAB_MENU_LIST_DEL_ALL_DESC : '전체 탭을 닫으시겠습니까?',
      TAB_MENU_LIST_DEL_FOCUS_DESC : '현재 탭을 닫으시겠습니까?',
      TAB_MENU_LIST_DEL_EXCEPT_FOCUS_DESC : '현재 탭을 제외한 탭을 닫으시겠습니까?',
      TAB_MENU_LIST_DEL_EXCEPT_FIXED_DESC : '고정탭을 제외한 탭을 닫으시겠습니까?',
      값 변경으로 제어
    - Confirm 메시지내 CSS 제어
      -Title 관련 class 명 : sbux-tab-alecoft
      - Description 관련 class 명 : sbux-tab-alecofd
  • [기능 추가]
    input, hidden-event="keyup" 사용시 마지막 문자 입력 이후 변경되는 delay 시간을 주는 기능 추가
    - 속성명 : hidden-delay = "1000" (1초 지연 후 변경)

Ver 2.6.965

Release on 2019.12.19
  • [기능 추가]
    modal, is-draggable="true" 속성 시 modal title one click 만으로도 drag가 가능하도록 추가
      기존의 modal title 의 클릭 후 drag 하는 기능도 사용가능합니다.
      - drag 모드로 변경될 시 아래와 같은 사항이 변경됩니다.
      - 마우스 포인터 변경
      - modal 의 body 영역이 반투명화
      - modal 의 shadow 의 색상이 진해짐
      - drag 모드가 해제되는 경우 원래의 형태로 복귀됩니다.

Ver 2.6.964

Release on 2019.12.17
  • [기능 추가]
    tabs, addTab 메소드로 tab 을 추가시 옵션값인 contentlink 호출로 탭 구성 시 post 방식으로 값을 넘길 수 있는 기능 추가
    예시) SBUxMethod.addTab('tab_cont', { "id" : "2", "pid" : "-1", "text" : "추가탭",
      "isselect": "true", "targetid" : "newTab", "closeicon": "false",
      "contentlink":"tabContents.do", "data" : {'id':'A01','code':'A0001'} ,
      "callbackafterload" : 'fnTest' });
  • [기능 개선]
    SBUxMethod, API 접근자 SBUxMethod 명과 동일하게 _SBUx 이 만들어졌습니다
    예시) SBUxMethod.get('모델명') 와 _SBUx.get('모델명') 형태의 값이 동일합니다.
  • [SBGrid 업그레이드]
    - SBGrid 2.5.2110 버전 업그레이드
      [기능 추가] exportData 사용 시 combo/inputcombo 일 때 label 값으로 저장하는 기능 추가
        예시) objGrid.exportData('csv','filename',true,{combolabel:true});
      [기능 개선] mergecells, setMergeByFree 동시 사용시 병합 틀어지지 않도록 개선
      [기능 개선] setMergeByFree 사용한 셀이 행추가/삭제, 열추가/삭제로 index변경되면 setMergeByFree 해제되도록 개선

Ver 2.6.963

Release on 2019.12.12
  • [기능 개선]
    modal, 소스상 <sbux-modal 의 chidren 으로 <sbux-modal 이 존재할때 자식 modal 의 'x' (닫기) 버튼 클릭이 가능하도록 개선
  • [기능 개선]
    modal, modal 타이틀 클릭으로 drag 가 되는 중에 bottom 영역의 iframe 이 위로 마우스 포커스가 이동하는 경우 이벤트가 벗어나도록 개선

Ver 2.6.962

Release on 2019.12.11
  • [기능 추가]
    Grid 와 UI Component 의 연동, Grid 의 Header 부분 클릭에 대한 이벤트를 무시하는 속성 추가
    - Default 속성 (공통) 설정
    - SBUxG.DEF.SET_INPUT = { ... gridIgnoreHeaderEvent : false, ... }
    - SBUxG.DEF.SET_DATEPICKER = { ... gridIgnoreHeaderEvent : false, ... }
    - SBUxG.DEF.SET_RADIO = { ... gridIgnoreHeaderEvent : false, ... }
    - SBUxG.DEF.SET_CHECKBOX = { ... gridIgnoreHeaderEvent : false, ... }
    - SBUxG.DEF.SET_LABEL = { ... gridIgnoreHeaderEvent : false, ... }
    - SBUxG.DEF.SET_SELECT = { ... gridIgnoreHeaderEvent : false, ... }
    - SBUxG.DEF.SET_BUTTON = { ... gridIgnoreHeaderEvent : false, ... }
    - SBUxG.DEF.SET_TEXTAREA = { ... gridIgnoreHeaderEvent : false, ... }
    - SBUxG.DEF.SET_LISTBOX = { ... gridIgnoreHeaderEvent : false, ... }
    - SBUxG.DEF.SET_DROPDOWN = { ... gridIgnoreHeaderEvent : false, ... }
    (위 속성 설정이 없는 경우 기본값은 false 이며, Header 부분 클릭시 UI Component 는 clear 됩니다.)
    - 속성 추가
    - grid-ignore-header-event = "true" (Header 부분을 클릭하여도 UI Component 를 clear 하지 않습니다.)
    - 유의사항
    - Grid 의 선택한 Header 부분이 checkbox 인 경우, UI Component 와는 연동이 되지 않도록 조정되었습니다.
    예시) <sbux-input name="ipt" grid-ignore-header-event="true" grid-id="datagrid" grid-ref="academy"></sbux-input>
  • [기능 개선]
    modal, modal 타이틀 클릭으로 drag 가 되는 중에 bottom 영역의 iframe 이 위로 마우스 포커스가 이동하는 경우 이벤트가 벗어나도록 개선

Ver 2.6.858

Release on 2019.05.10
  • [기능 추가]
    sidemenu , 최상의 메뉴가 하이라이트된 상태에서 collapse 를 하여 icon 이 변경되었을때 하이라이트 상태를 사라지게 하는 속성 추가
    예시) <sbux-sidemenu id="idxSide_norm" name="side_norm" uitype="normal" jsondata-ref="sideJsonData" inactive-collapse-focus="true"></sbux-sidemenu>

Ver 2.6.857

Release on 2019.05.09
  • [기능 추가]
    datepicker, from-to 를 지원하는 신규 타입 uitype="range" 추가
  • [기능 추가]
    datepicker, min/max-date 속성을 동적으로 설정할 수 있는 메소드 추가
      - SBUxMethod.setDatepickerMinDate('picker_range', '20190506');
      - SBUxMethod.setDatepickerMaxDate('picker_range', '20190522');
  • [기능 추가]
    datepicker, range type 에서 캘린더를 화면에 띄우고 닫는 메소드 추가
    - 화면에 띄울때 : SBUxMethod.openDatepickerRange('모델명', from캘린더 open 여부, to 캘린더 open 여부);
    - 화면에서 닫을때 : SBUxMethod.closeDatepickeRanger('모델명', from캘린더 open 여부, to 캘린더 open 여부);
  • [기능 개선]
    input, mask속성의 alias: 'decimal' 일 때 grid 와의 연동에서 포커스 아웃 없이 바로 mask가 적용되도록 기능 수정

Ver 2.6.856

Release on 2019.05.03
  • [기능 개선]
    datastore, send-data 속성에 Javascript 객체명을 매핑한 경우에도 객체값들이 전달되도록 수정

Ver 2.6.855

Release on 2019.05.02
  • [기능 추가]
    datastore, 각 페이지에 입력하는 속성의 속성값보다 기본 설정을 우선시하도록 하는 우선순위 변경 옵션(InversePriority 설정) 추가
  • [기능 추가]
    SBChart 2.0.12 으로 버전 업그레이드 - conf.tooltip.sort 옵션 추가 (asc, desc)
  • [기능 개선]
    textarea, \r\n 이 포함된 데이터를 set 할 시 자동으로 height 가 조정되는 기능을 auto-resize="true" 가 있을 시에만 조정되도록 수정

Ver 2.6.853

Release on 2019.04.26
  • [기능 추가]
    input, textarea, SQL Injection 및 XSS 를 검출하는 detect-attack 속성 추가.

    detect-attack="true" 시 정해진 정규식에 의해
    해당 컴포넌트의 글쓰기 이후 포커스가 blur 되었을때 검사합니다.
    검사는 5 단계로 되어 있으며, 기본 설정 파일에서 변경(추가,삭제,수정) 가능합니다.
    (변경 위치 : assets\js\setup\SBUxDefault.js 내 SBUxG.DEF.SET_DETECT_SET 부분)

    Step 1. SQL Meta-characters 검사
       - regExpSqlMeta : /((\%3D)|(=))[^\n]*((\%27)|(\')|(\-\-)|(\%3B)|(;))/i
    Step 2. SQL Injection attack 검사
       - regExpSqlInjection : /\w*((\%27)|(\'))((\%6F)|o|(\%4F))((\%72)|r|(\%52))/i
    Step 3. SQL Queries 검사
       - regExpSqlQueries : /(union|select|insert|update|delete|drop|where)/i
    Step 4. System Command 검사
       - regExpSystemCommand : /(exec|xp_cmdshell)/i
    Step 5. XSS (Cross Site Scripting) Attack 검사
       - regExpXSS : /((\%3C)|<)((\%2F)|\/)*[a-z0-9\%]+((\%3E)|>)/i

    위 검사에 해당되는 사항이 있을 시 아래와 같이 1초간 tooltip 메시지가 나타납니다.
    message :'[Detecting] SQL Injdection 및 XSS 에 해당하는 값은 사용할 수 없습니다.',
    messageDelay : 1000
    (문구 및 시간 수정 가능)
  • [호환성]
    datastore , send-data 시 SBUx 2.0 시에서 사용했던 AngularJS 문법인 {{ }} 이 적용되도록 수정

Ver 2.6.852

Release on 2019.04.25
  • [기능 추가]
    select , jsondata 를 필터링하는 속성 추가
       - 대상 키 설정 속성 : jsondata-filter
       - filter 값 설정 속성 : jsondata-filter-values
       - 다중 필터일때는 '^' 표시를 구분자로 사용

    예)    <script>
    var severData = [
       { text : "Light BlueGreen", value : "green_lightblue", filter: "초록" },
       { text : "Moss Green", value : "green_moss", filter: "초록" },
       { text : "yellow_a", value : "yellow_a", filter: "노랑" },
       { text : "yellow_c", value : "yellow_c", filter: "노랑" },
       { text : "black", value : "black", filter: "검정" }
    ];
    </script>

    <sbux-select id="select_filter" name="select_filter" uitype="single" jsondata-ref="severData" jsondata-filter="filter" jsondata-filter-values="초록^검정">
    </sbux-select>

Ver 2.6.851

Release on 2019.04.24
  • [기능 추가]
    autocomplete, label 과 value 의 JSON data key 를 설정하는 속성 추가
    autocomplete 를 JSON 구조로 매핑하는 경우 value 와 label 에 대한 key 명을 지정할 수 있는 속성 추가
       - label key 에 대한 변경 속성 : autocomplete-text = "label 매핑키명"
       - value key 에 대한 변경 속성 : autocomplete-value = "value 매핑키명"
    예)    <script>
    var severData = [
         { "code":"A011" , "name":"이태", "org":"소프트보울" },
    { "code":"B022" , "name":"강미", "org":"소프트보울 전략사업부" },
    { "code":"C033" , "name":"안종", "org":"소프트보울 기술연구소" },
    { "code":"D044" , "name":"이선", "org":"소프트보울 기술연구소 SBChart"},
    { "code":"F055" , "name":"이주", "org":"소프트보울 기술연구소 SBGrid"}
       ];
         // list 에서 선택시 호출
         function fnSelectedCall(value, label, item){
           console.log(value, label, item);
       }     

    <sbux-input id="req_name" name="req_name" uitype="text" style="width:350px;" autocomplete-ref="autoCompleteData"
    autocomplete-text="name" autocomplete-value="code" autocomplete-select-callback="fnSelectedCall">
    </sbux-input>

    [기능 추가]
    autocomplete, autocomplete-select-callback 의 호출하는 함수의 세번째 인자값 추가
    예) 위 1번에서와 같이 , 세번째로 list object 가 추가됨
    function fnSelectedCall(value, label, item){
         console.log(value, label, item);
    }

    [기능 추가]
    datepicker, popup type 에서 캘린더를 화면에 띄우고 닫는 메소드 추가
       - 화면에 띄울때 : SBUxMethod.openDatepicker('모델명');
       - 화면에서 닫을때 : SBUxMethod.closeDatepicker('모델명');

Ver 2.6.850

Release on 2019.04.22
  • [기능 수정]
    SBChart 2.0.11 으로 버전 업그레이드
       - [차트 추가] stacked area, stacked area (percent), stacked area-spline, stacked area-spline (percent) chart 추가
       - [기능 개선] stacked percent chart에서 axis.y.tick에 % 표시 추가
       - [기능 개선] SBGrid 2.5.1892 으로 버전 업그레이드

Ver 2.6.849

Release on 2019-04-15
  • [기능 수정]
       - [기능 수정] select , single 타입끼리 master-detail 관계설정 시 필터링 동작에 대한 수정
       - [기능 개선] SBGrid 2.5.1886 으로 버전 업그레이드

Ver 2.6.848

Release on 2019-04-12
  • [기능 추가]
       autocomplete, 위치 설정 속성 추가
       - 상단 : autocomplete-placement = "top"
       - 하단 : autocomplete-placement = "bottom" (미설정시 default)
    예)    <sbux-input id="ipt" name="iptNm" uitype="text" autocomplete-ref="autoCompleteData" autocomplete-placement="top"> <sbux-input>

    [기능 추가]
       - side menu expand : SBUxMethod.openSideMenu('모델명');
       - side menu collapse: SBUxMethod.closeSideMenu('모델명');
    예) 메뉴를 감추고자 할때
       - SBUxMethod.closeSideMenu('모델명');
    감추어진 메뉴를 보이고자 할때
       - SBUxMethod.openSideMenu('모델명');

    [기능 개선]
    select, checkbox type 시 선택 데이터에 따라 디테일 select 컴포넌트 내용을 변경하는 기능 추가
    예)    <script>
    var comboDa1 = [
         { comValue : "A 팀" , comCode : 'a' },
         { comValue : "B 팀" , comCode : 'b' },
         { comValue : "C 팀" , comCode : 'c' }
    ];

    var comboDa2 = [
         { comValue : "A 팀원 1" , comCode : 'a1' , upCode : 'a' },
         { comValue : "A 팀원 2" , comCode : 'a2' , upCode : 'a' },
         { comValue : "B 팀원 1" , comCode : 'b1' , upCode : 'b' },
         { comValue : "B 팀원 2" , comCode : 'b2' , upCode : 'b' },
         { comValue : "B 팀원 3" , comCode : 'b3' , upCode : 'b' },
         { comValue : "C 팀원 1" , comCode : 'c1' , upCode : 'c' },
         { comValue : "C 팀원 2" , comCode : 'c2' , upCode : 'c' }
    ];
    <script>

    <!-- Master select -->
    < sbux-select id="sBlockId" name="sBlockId" uitype="checkbox" jsondata-ref = "comboDa1" jsondata-text="comValue" jsondata-value="comCode"
    style="width:620px;" is-list-only="true">
    </sbux-select>
    <!-- Detail select -->
    < sbux-select id="sLineId" name="sLineId" uitype="single" jsondata-ref = "comboDa2" jsondata-text="comValue" jsondata-value="comCode"
    filter-source-name="sBlockId" jsondata-filter="upCode">
    </sbux-select>

Ver 2.6.847

Release on 2019-04-09
  • [기능 추가]
    그리드와 컴포넌트 간의 연결 정보 변경
    예) <sbux-input id="ipt" name="iptNm" uitype="text" grid-id="datagrid" grid-ref="Rpcs"> <sbux-input>
         - 기존의 연결은 끊고 새로 연결하고자 할때 (gridRef 가 이전 설정한 그리드와 같은 경우에는 입력하지 않아도 됨)
         SBUxMethod.refresh('iptNm',{ gridId : 'datagrid2' , gridRef : 'LocNo'});
         - 기존의 연결은 유지하고 추가로 연결하고자 할때 ( aliveConnect 를 추가합니다.)
         SBUxMethod.refresh('iptNm',{ gridId : 'datagrid2' , gridRef : 'LocNo', aliveConnect : true});
        (주의사항 : Grid 들에서 Component 로 보내는 것은 가능하지만, Component 에서 그리드 양쪽에 데이터를 보내지는 않습니다. 마지막에 설정된 그리드에만 데이터를 보냅니다.)

    [기능 추가]
    그리드와 컴포넌트 간의 연결설정을 끊는 메소드
       - SBUxMethod.disConnectCompToGrid('모델명');
       예) SBUxMethod.disConnectCompToGrid('iptNm');

Ver 2.6.846

Release on 2019-04-05
  • [설정 추가]
    Bootstrap CSS 등 , 컴포넌트가 구비된 CSS 와 혼용해서 사용할 경우 SBUx 를 적용하지 않은 신규 개발인 경우에 독립적인 CSS 를 보장할 수 있는 설정입니다.
    UsingComplexCSS : true 속성시 사용가능 하며, 속성 적용시 SBUx-complex.css 를 호출합니다.
    (* 미적용시 호환을 위한 SBUx-compatible.css 호출)
       예) vsr SBUxConfig = { ...
         UsingComplexCSS : true
    };
    ※ 적용시 유의점 : <sbux-tabs 사용시 content 영역을 잡는 class 명을 < div class="tab-content"> 에서 <div class="sbux-tab-content"> 로 변경하시기 바랍니다.

Ver 2.6.844

Release on 2019-04-01
  • [파일 추가]
    typescript 형태의 개발을 위한 definition 파일 추가
    typescript 개발시에는 tsconfig.json 파일에 아래와 같은 구문을 추가하시기 바랍니다.
    {..
       "include" : [ ... ,
           "./assets/sbux/def/*.d.ts"
            ]
    }

    [로딩시간 체크 설정]
    로딩 시간을 체크하기 위한 설정이 추가되었습니다.
    신규추가된 CheckTime 설정은 기존 Debug : true 를 속도 측정 개념으로 오인하여 사용하시는 분들이 많아 추가된 설정입니다.
    (* 체크된 시간에서 SBGrid 와 SBChart 를 javascript 형태로 개발하셨을 때의 로딩시간은 제외됩니다.)

Ver 2.6.843

Release on 2019-03-28
  • [속도 개선]
    tmoblie, 최초 1회 로딩 이후에 재로딩시 화면 로딩 속도가 개선되었습니다.

    [기능 개선]
    SBGrid 2.5.1886 으로 버전 업그레이드

Ver 2.6.842

Release on 2019-03-27
  • [오류 수정]
    moblie, tab 선택과 close 버튼 선택이 정상적으로 되지 않는 현상이 수정되었습니다.

Ver 2.6.841

Release on 2019-03-27
  • [오류 수정]
    - mobile, input 과 datepicker 에 설정된 masking 기능이 동작하지 않는 오류가 수정되었습니다.

    [기능 추가]
    sidemenu, slide button 을 통해 side menu 가 slide 될때의 callback 함수를 기존 callback-slide-button 속성(slide 종료 후 발생) 에서 slide 발생 전과 slide 발생 후 속성으로 나누었습니다.
    - slide 발생 전 : callback-before-slide
    - slide 발생 후 : callback-after-slide
    (정해진 인자값으로 현재 상태와 이동 px 을 전달합니다.)
    (기존 callback-slide-button 은 동일하게 동작합니다.)

    [기능 변경]
    Device Check 로직이 default 설정으로 변경되었습니다.
    - SBUxConfig 설정에서 CheckDevice : true 를 하지 않아도 SBUxG.USR.DEVICE 값이 나타납니다.

Ver 2.6.840

Release on 2019-03-25
  • [기능 추가]
    accordion, is-expand-only-select 속성 추가
    - is-expand-only-select="true" 속성 사용시 여러개의 accrodion 중 선택한(지정한) 한개의 accordion 만 확장되고 그외 accordion 은 축소됩니다.

Ver 2.6.839

Release on 2019-03-22
  • [기능 개선]
    SBGrid Tool 및 Scroll 관련 기본 테마 변경
    - Scroll : twitter , Tooltip : yellowsimple

    [기능 추가]
    Device Check 로직 추가
    - SBUxConfig 설정에서 CheckDevice : true 설정 후 SBUxG.USR.DEVICE 값으로 구분
    - 'PC or NoteBook' : 'PC'
    - 그외 'iPhone', 'iPod', 'iPad', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson' 로 구분

Ver 2.6.838

Release on 2019-03-19
  • [기능 추가]
    SBChart 2.0.10 으로 버전 업그레이드
    - Step Chart, Area-Step, Area-Spline Chart 추가

Ver 2.6.837

Release on 2019-03-18
  • [기능 개선]
    SBGrid 2.5.1873 으로 버전 업그레이드

Ver 2.6.835

Release on 2019-03-08
  • [오류 수정]
    tree, show-root-vline="true" 적용시 ie 나 safari 에서 depth를 하나 이상 열었을 때부터 마지막 child들의 줄이 끊기는 현상 수정

    [기능 개선]
    SBGrid 2.5.1865 으로 버전 업그레이드

Ver 2.6.833

Release on 2019-03-05
  • [기능 추가]
    tree, root node 에 해당하는 아이템들을 세로선으로 연결하는 속성 추가
    - show-root-vline = "true"
    - 공통 적용시에는 assets/js/setup/SBUxDefault.js 의 SBUxG.DEF.SET_TREE.showRootVline 값(default: false)을 조정.

    [CSS 수정]
    - input, uitype 이 search 인 경우 class 로 글리프 아이콘을 추가하면 text 의 높이와 글리프 아이콘의 높이가 맞지 않는 부분 수정

Ver 2.6.830

Release on 2019-02-25
  • [CSS 수정]
    tabs, uitype 이 webacc 에 disableTab method 사용 시 disabled된 tab의 css 차이가 있는 현상 수정

    [기능 추가]
    메소드, SBUxMethod.refreshAll 과 같은 동작을 하되 사용자 등록 이벤트를 남겨두는 옵션 추가
    - SBUxMethod.refreshAll({retainCustomEvent : 'true'});
    - SBUxMethod.refreshAll({retainCustomEvent : true});

    [기능 추가]
    메소드, form submit 을 하지 않고 required 를 check 하는 메소드 추가
    - SBUxMethod.validateRequired();

    [기능 개선]
    SBGrid 2.5.1862 으로 버전 업그레이드

    [기능 개선]
    SBChart 2.0.9 으로 버전 업그레이드

Ver 2.6.829

Release on 2019-02-18
  • [오류 수정]
    - tabs, tab안의 webacc type tab에 SBUxMethod.hide method 사용시 외부 tab context 영역이 사라지는 현상 수정

    [오류 수정]
    - autocomplete, input autocomplete에서 마우스로 선택시 다시 autocomplete 영역이 생성되는 현상 수정

Ver 2.6.828

Release on 2019-02-14
  • [오류 수정]
    - alert, is-fixed-close-button 속성이 false 임에도 화면 로딩시 close 버튼이 나타나는 현상 수정

    [기능 개선]
    - 설정, CUSTOM_CSS 설정시 파일을 올리는 경로에 대해 함께 설정하는 path 의 경로 다음으로 설정되도록 수정 (이전에는 asset/css 로 고정되었음)

    [기능 개선]
    picker, tag 명 변경
    기존 <sbux-picker 를 <sbux-datepicker 로 범위를 한정하여 사용되도록 변경 &t;sbux-picker id="xx" name="xx" uitype="date" mode="popup"></sbux-picker> 형태에서
    <sbux-datepicker id="xx" name="xx" uitype="popup"></sbux-datepicker> 형태로 변경됨
    (** 이전에 sbux-picker 형태를 사용하셨다면 변경하지 않고 그대로 사용하시면 됩니다.)

Ver 2.6.827

Release on 2019-02-12
  • [오류 수정]
    - alert, IE 에서 document 에 active 된 element 가 없는 상태에서 (화면에 있는 객체를 아무것도 선택하지 않은 상태) alert 을 메소드로 실행시켰을 때 발생하는 오류 수정

    [기능 추가]
    sidemenu, Side Menu 를 확장시킬 수 있는 메소드 추가, (SBUxMethod.expandSideMenu)
    파라메터
       첫번째 - 모델명
       두번째 - Menu ID
       세번째 - Menu ID 를 기준으로 하위 몇레벨까지 확장할 것인지 지정
       네번째 - Menu ID 확장 여부

    예) 전체 확장시 : SBUxMethod.expandSideMenu('모델명');
    특정 메뉴의 확장시 : SBUxMethod.expandSideMenu('모델명','Menu ID', 3, true)
    특정 메뉴 자식들만 확장하는 경우 : SBUxMethod.expandSideMenu('모델명','Menu ID', 3, false)

Ver 2.6.824

Release on 2019-02-11
  • [기능 개선]
    - SBGrid 2.5.1856 으로 버전 업그레이드

    [오류 수정]
    - dropdown, readonly 상태가 attr 메소드로 풀리지 않는 현상 수정

Ver 2.6.823

Release on 2019-02-08
  • [기능 수정]
    - SBUxMethod.render 나 SBUxMethod.dynamic 사용 시 기존에 입력한 자료구조 값이 있으면 삭제하고 새로 기록하도록 수정
       (v 2.6.822 에 대한 사항을 내부 로직으로 포함함)

    [오류 수정]
    - extarea, tag방식에서 init속성에 \n이 적용되지 않는 현상 수정

Ver 2.6.822

Release on 2019-02-07
  • [기능 추가]
    - SBUxMethod.dynamic 등을 이용한 생성시 자료구조에 ID 가 중복되어 ID 가 중복되었을때 행하는 동작이 될 수 있기 때문에 자료구조를 clear 하는 메소드 생성.

       예시) SBUxMethod.clearStructure(option?);
         - option : 없는 경우 , 전체 clear
         - option = {
           component_id : 컴포넌트 ID,
           component_name : 컴포넌트 Name,
           component_model : 컴포넌트 모델, group_id : 컴포넌트 그룹 ID, ... 등
           }; : option 이 있는 경우, 해당 값으로 filtering 한 후 clear 한다.
    ( SBUxMethod.getComponents() 를 통해 나타나는 값들을 option 으로 이용가능)

Ver 2.6.821

Release on 2019-02-07
  • [오류 수정]
    menu, SBUxMethod.refresh 시 brand-item 의 구문들이 반영되지 않는 현상 수정

    [기능 추가]
    SBUxConfig, IE9 일때 placeholder 의 적용여부를 사용하는 설정 구문 추가 (UsingPlaceholderIE9 : false : default(true))

Ver 2.6.819

Release on 2019-01-31
  • [기능 개선]
    SBGrid, 2.5.1853 버전 업그레이드

Ver 2.6.818

Release on 2019-01-31
  • [CSS 수정]
    tree, addTreeNode로 최상위 노드와 sibling 관계인 노트를 추가할 때 나타나는 css 개선

    [CSS 수정]
    select, ie9 에서 화살표가 나타나지 않는 현상 수정

    [CSS 수정]
    tooltip / popover, checkbox. tooltip/popover 속성 사용 시 나타나는 텍스트관련 css 개선

Ver 2.6.817

Release on 2019-01-28
  • [오류 수정]
    tcheckbox, 고정형에서 required 속성이 적용된 checkbox의 체크와 해제를 반복하면 필수선택 사항임에도 form submit 되는 현상 수정

    [오류 수정]
    tree, show-delete-confirm 적용 후 최상위 노드 삭제 시 confirm창의 확인 버튼을 눌러도 창이 닫히지 않는 현상 수정

    [오류 수정]
    tsidemenu, jQuery방식으로 컴포넌트가 생성 되지 않는 현상 수정

    [CSS 수정]
    tprogress, tab안에서 show-openlayer 속성 사용시 컴포넌트가 탭안에 생성되는 현상 수정

    [CSS 수정]
    progress, is-fixed = "true" 속성 사용시 우측 상단 X 버튼이 나타나지 않는 현상 수정

    [CSS 수정]
    tabs, uitype="webacc" 이고 tab 의 contents 로 tab 이 있을때의 contents 영역이 우측으로 밀리는 현상 수정

    [CSS 수정]
    menu, show-all-menu, show-sub-all-menu 속성 사용시 menu위치가 틀어지는 현상 수정

Ver 2.6.816

Release on 2019-01-25
  • [오류 수정]
    tab, SBUxMethod.addTab 시 closeicon : false 가 적용되지 않는 현상 수정

    [기능 개선]
    tooltip, datepicker 내에 tooltip 시 테두리의 focusing 이 전체적으로 되도록 수정

Ver 2.6.815

Release on 2019-01-22
  • [오류 수정]
    dropdown, link 가 없을 시 우측 하위 메뉴가 있다는 화살표가 나타나지 않는 현상 수정

    [CSS 수정]
    menu, show-all-menu / show-sub-all-menu 속성 사용 시 상단 메뉴 높이 간격 조정

    [오류 수정]
    side menu, slide button 시 user 가 입력한 style 의 width 에 대해 반영이 되도록 수정

    [오류 수정]
    tree, show-tooltip 속성 시 dynamic tree를 위한 SBUxMethod.changeChildTreeNode 가 정상동작하지 않는 오류 수정

    [CSS 수정]
    alert, confirm 시 확인과 취소 버튼의 크기 다름을 조정

    [기능 개선]
    autocomplete, label 과 value 만 키로 가능한 범위에서 text 도 허용하도록 수정 (prefix, suffix 은 예외)

    [기능 개선]
    tooltip / popover, content body 영역에 html 를 입력을 할때 변수로 입력하여도 가능하도록 수정

Ver 2.6.814

Release on 2019-01-21
  • [오류 수정]
    carousel, uitype="tag" 시 지정한 슬라이드 보다 많은 슬라이드가 나타나는 현상 수정

    [오류 수정]
    select, grid 와의 연동에 있어 변경되지 않는 현상 수정

    [기능 추가]
    menu, brand item 이 없을 시 sbux-meu-bd-wrap class 위치에 sbux-meu-bd-nomargin 를 추가하도록 수정

    [기능 추가]
    tab, tab 을 drag 하여 layer popup 을 open 할때 open 하기 전 후에 이벤트를 받을 수 있도록 추가
    callback-after-openlayer, callback-before-openlayer

    [기능 개선]
    tab, Layer popup 을 띄우기 위한 사항이 변경되었습니다.
    기존) is-draggable="true" 와 is-draggable-openlayer="true" 속성 모두 존재해야 함
    변경) is-draggable-openlayer="true" 속성만 존재해도 가능

    [기능 개선]
    Layer popup, 최대로 확장하는 경우 스크롤바 위치에 맞춰서 보여지는 화면에서 최대 크기로 조정되도록 수정

Ver 2.6.807

Release on 2019-01-14
  • [기능 개선]
    SBGrid 의 Tooltip Default 를 twitter 로 변경

Ver 2.6.806

Release on 2019-01-11
  • [오류 수정]
    listbox, input 과 연계되어 있는 listbox 의 refresh 실행 시 순환 참조 오류 수정

Ver 2.6.805

Release on 2019-01-10
  • [기능 개선]
    SBGrid, 2.5.1848 버전 업그레이드

Ver 2.6.802

Release on 2019-01-03
  • [오류 수정]
    tabs, tab 내 첫번째 tab 의 contents 가 webacc type 의 tab 일때 tab-contents 영역이 삭제되는 현상 수정

    [오류 수정]
    select, input 연동을 통한 검색 기능시 select 에 refresh API 를 사용한 경우 연동 검색이 정상적이지 않는 현상 수정

    [CSS 수정]
    progress, is-fixed = "true" 속성 사용시 우측 상단 X 버튼이 나타나지 않는 현상 수정

Ver 2.6.798

Release on 2018-12-28
  • [기능 추가]
    elect, listbox의 input 연동을 통한 검색과 같은 기능 추가
    예시) <sbux-input id="txtFilter" id="txtFilter" style="width:200px;height:29px;" uitype="text" placeholder="검색"></sbux-input>
    <sbux-select id="selList" name="selList" uitype="single" filter-source-name="txtFilter" jsondata-ref = "jsonData"></sbux-select>

Ver 2.6.789

Release on 2018-12-21
  • [기능 개선]
    select, storage-data="index" 시 index 를 확인하고 매칭되는 값이 없을때는 value 로 재 매칭하는 로직 추가

    [기능 추가]
    전역함수 추가, SBUxG.FC.calcHistogram(jsonData, column, toLabelJsonData) : PieChart 사용시
    - jsonData : 그리드의 json data
    - column : 데이터를 추출할 컬럼 ref
    - column 값으로 나타나는 value 를 label 로 바꿔주기 위한 toLabelJsonData
    SBUxG.FC.calcAxisData(jsonData axisX, axisY) : Bar , Line .. 사용시
    - jsonData : 그리드의 json data
    - axisX : X축에 들어갈 ref String
    - axisY : Y축에 들어갈 ref String

    [기능 개선]
    tabs, content link 로 특정 파일을 tab 의 contents 로 load 했을 때, SBUx 의 컴포넌트가 들어있는 경우 SBUxMethod.rendering() 을 사용자가 선언해야 하는 부분을 수정하여 별도 선언하지 않아도 내부에서 처리하도록 수정

    [기능 개선]
    datepicker, $(selector).sbPicker 로 생성하는 것 외에 $(selector).sbDatepicker 가 가능하도록 수정

    [CSS 개선]
    button, button-size 시 글씨 크기에 대한 조정 외에서 버튼의 너비 및 높이도 축소 또는 확장되도록 수정

Ver 2.6.785

Release on 2018-12-14
  • [CSS 수정]
    stabs, uitype='webacc' 일때 tab-content 내 list-style 관련 css 수정

    [CSS 수정]
    tabs, dropdown 이 있는 tab 시 disabled 에 대한 css 추가

    [기능 개선]
    tabs, dropdown 이 있는 tab 시 tab Title 을 dropdown tab 의 내용이 나타나도록 수정

Ver 2.6.782

Release on 2018-12-13
  • [오류 수정]
    picker, popup 에서 input 의 마우스 포커스시 border 가 input box 에만 나타나는 현상 수정

    [CSS 수정]
    input, autocomplete 시 list style 이 나타나는 현상 수정

Ver 2.6.780

Release on 2018-12-11
  • [오류 수정]
    listbox, filter 사용시 검색이 정상적으로 되지 않는 현상 수정

Ver 2.6.777

Release on 2018-12-11
  • [오류 수정]
    picker, position-left 속성 오류 수정

    [오류 수정]
    SBUxMethod.render() , 실행 오류 현상 수정

Ver 2.6.772

Release on 2018-12-05
  • [오류 수정]
    select, 그리드와 연동시 master-detail 관계의 detail 에서 readonly 가 풀리는 현상 수정

    [오류 수정]
    picker, 그리드와 연동시 그리드 데이터가 공백일때 readonly 가 풀리는 현상 수정

    [오류 수정]
    tabs, selected-tab-id로 설정한 id의 탭이 로딩 시 지정되지 않는 현상 수정

    [CSS 수정]
    menu, show-all-menu="true" 일때 placement="bottom" 에서 팝업된 메뉴가 나타나지 않는 현상 수정

    [기능 개선]
    SBGrid, 2.5.1794 버전 업그레이드

    [기능 개선]
    SBChart, 2.0.6 버전 업그레이드

Ver 2.6.767

Release on 2018-12-04
  • [오류 수정]
    sidemenu, 고정형의 자식구조로 target-name 설정 시 iframe에서 link가 열리지 않는 현상 수정
    변동형에서 jsondata-target 사용 시 해당 key명으로 설정한 방식대로 link를 불러올 수 없는 현상 수정

Ver 2.6.764

Release on 2018-12-03
  • [기능 개선]
    sidemenu, slide-button을 클릭한 후에 발생하는 callback함수가 이동 후에 호출되도록 수정

    [기능 개선]
    sidemenu, 고정형에서 setSideMenu의 파라미터에 value-key 설정 시에도 동작할 수 있도록 수정

    [CSS 수정]
    sidemenu, show-slide-button="false"인 경우 보이는 border-right 관련 css 수정

Ver 2.6.760

Release on 2018-11-30
  • [오류 수정]
    listbox, Listbox readonly 시에도 값이 변경되는 현상 수정

Ver 2.6.760

Release on 2018-11-30
  • [오류 수정]
    listbox, Listbox readonly 시에도 값이 변경되는 현상 수정

Ver 2.6.759

Release on 2018-11-30
  • [기능 개선]
    SBGrid, SBGrid 로딩 시 호출 및 화면 close 시 메노리 해제 관련 개선

Ver 2.6.752

Release on 2018-11-27
  • [기능 추가]
    sidemenu, 신규 comp 추가

    [오류 수정]
    tabs, addTabs 메소드로 탭 추가 시 첫번째로 추가한 탭의 link 만 div 영역에 나타나는 현상 수정

    [기능 개선]
    메소드 기본형에 대한 prototype overriding 선언을 삭제 함
    사용자가 사용하고 있다면 설정을 통해 호출하도록 함.
       예시)
         SBUxConfig = {
             OverridingPrototype : true, // default : false
         };

Ver 2.6.735

Release on 2018-11-21
  • [오류 수정]
    tabs, contentlink 사용 후 render가 정상적으로 되지않는 현상 수정

Ver 2.6.733

Release on 2018-11-20
  • [오류 수정]
    tabs, contentlink가 정상적으로 동작하지 않는 현상 수정

Ver 2.6.728

Release on 2018-11-19
  • [기능 개선]
    초기 셋팅, SBUxG.DEF.SET_TABS.jsondataTargetValue : 'targetvalue' 의 값을 SBUxG.DEF.SET_TABS.jsondataTargetValue : 'value' 로 수정.

    [기능 개선]
    BUx.js 호출 로직 변경

Ver 2.6.722

Release on 2018-11-16
  • [오류 수정]
    Tree, 고정형에서 id 가 없는 경우 removeTreeNode 실행 후 삭제된 node 가 중복해서 발생하는 getUpdateData 오류 수정

    [기능 추가]
    Alert, alert 창이 한번만 나타나게 하는 속성 (show-only-one) 추가
       예시) 1. HTML tag 인 경우
         <sbux-alert show-only-one="true"

       예시) 2. javascript 의 option 인 경우

         var obj = {
           title : "확인",
             mode : "info",
           ...
           show_only_one : "true",
           ...
       }
       SBUxMethod.openAlert(obj);

       예시) 3. default 속성 적용시에는 assets/js/setup/SBUYxDefault.js 내
         SBUxG.DEF.SET_ALERT = {
           ...
        showOnlyOne : false <- 를 수정합니다.
           }
    (주의 사항, 이 속성이 적용시에는 close 관련 이벤트가 발생하지 않습니다.)

Ver 2.6.717

Release on 2018-11-15
  • [기능 개선]
    tabs, addTab메소드 사용시 해당 tab컨탠츠를 자동으로 만들게 변경

    [기능 개선]
    tabs, addTab메소드의 생성탭 option에 contentlink 추가
    addTab으로도 import가 가능

    [기능 개선]
    tabs, json방식의 경우 기존 link를 통해 import 하였으나 contentlink로 변경
       예시)
       { "id":"0", "pid":"-1", "order":"1", "text":"SBUx Tab7", "targetid":"SBUx_JS_JSON7", "contentlink":"aframe" },
       { "id":"1", "pid":"-1", "order":"2", "text":"SBUx IDE Tab7", "targetid":"SBUx_IDE_JSON7", "contentlink":"bframe" }
    default는 contentlink이며 jsondata-content-link로 변경가능

Ver 2.6.711

Release on 2018-11-13
  • [기능 추가]
    tabs, link를 이용하여 다른페이지의 내용을 import하여 탭 contents를 구성하는 방식 추가
    content가 이미 있는상황에서는 link가 기존 내용 뒤에 append 됨.
       예시) 고정형
       <div class="tab-content">
         <div id="SBUx_JS" data-sbux-content-link="aframe"</div>
         <div id="SBUx_IDE" data-sbux-content-link="bframe"<;/div>
         <div id="SBGrid2_12" data-sbux-content-link="cframe"</div>
       </div>
       변동형
    { "id":"0", "pid":"-1", "order":"1", "text":"SBUx Tab", "targetid":"SBUx_JS_JSON" , "link":"aframe"},
    { "id":"1", "pid":"-1", "order":"2", "text":"SBUx IDE Tab", "targetid":"SBUx_IDE_JSON"},
    { "id":"2", "pid":"-1", "order":"3", "text":"v2.1", "targetid":"SBGrid2_1_JSON", "link":"bframe"}

    [기능 추가]
    tabs, normal, inbox type lazyloading 속성 추가

    [기능 추가]
    SBUxMethod 의 progress 관련, progress bar 에 대한 동기화 메소드 (SBUxMethod.promiseProgress) 추가
       예시) function blockingFunc(){
         // 처리 많은 프로세스
       };
       SBUxMethod.promiseProgress('프로그레스바 모델명', blockingFunc, 지연시간?);

Ver 2.6.705

Release on 2018-11-12
  • [기능 추가]
    tree, 재선택시 deselect 하는 옵션 추가(reselect-deselect)

    [오류 수정]
    textarea, auto-resize 오류 수정

    [CSS 수정]
    tree, 확대,축소(+,-) 아이콘 크기 조정

    [CSS 수정]
    tab, badge 가 있는 경우 tab 의 높이에 대한 수정

Ver 2.6.701

Release on 2018-11-09
  • [기능 추가]
    group 관련 메소드 추가, 각 컴포넌트에 group-id 속성으로 설정합니다.
    - 그룹핑된 속성 변경 : SBUxMethod.changeGroupAttr
       예시) SBUxMethod.changeGroupAttr('그룹Id', 'readonly', 'true');
    - 그룹핑된 컴포넌트 보이기 : SBUxMethod.showGroup
       예시) SBUxMethod.showGroup('그룹Id');
    - 그룹핑된 컴포넌트 감추기 : SBUxMethod.hideGroup
       예시) SBUxMethod.showGroup('그룹Id');

    [기능 추가]
    select, Filter-source-name에서 master-detail 관계를 2개이상 설정할 때 2번째 설정한 detail의 item을 가져오지 못하는 현상 개선.
    - master-detail
       master-detail
          master-detail 등의
    - detail 이 master 가 되는 형태 개수에 제한을 두지 않았습니다.

Ver 2.6.692

Release on 2018-11-06
  • [기능 추가]
    시스템, 다국어 설정
    - 다국어 기능 사용시에는 http , https 프로토콜을 이용하여 사용하시기 바랍니다.

    - 파일을 이용한 다국어 설정의 변경
    - SBUxConfig 설정에 LocaleFile : "/test/locale/test_?.js", 형태의 설정을 합니다.
      ? 에 들어가는 것들은 locale 로 설정한 ko, en, ja, zh 등. ( test_ko.js , test_en.js , test_ja.js , test_zh.js 파일이 존재해야 합니다.)

    사용 메소드
    SBUxMethod.changeLocaleWithFile
    /**
    로케일 설정을 파일로 처리하는 메소드
    @param {string} locale 변경하고자 하는 로케일 ( ko | en | ja | zh )
    @param {string} fileUrl? 다국어 컨텐츠가 있는 파일 Url, 없는 경우 LocaleFile 설정의 ? 로 locale 파일을 호출
    @param {boolean} allComponent? 모든 컴포넌트에 적용할 것인지, locale-key 속성을 사용한 컴포넌트에만 적용할 것인지
    */
    public static changeLocaleWithFile(locale: string, fileUrl?: string , allComponent?: boolean) {

    - 사용 예시
      SBUxMethod.changeLocaleWithFile('ko'); // LocaleFile 설정의 '/test/locale/test_?.js' 의 ? 을 ko 로 바꿔서 '/test/locale/test_ko.js' 를 읽어들이고
      컴포넌트에 locale-key 속성이 있는 것들을 refresh 합니다.

      est_ko.js 내에는 key value 형태의 다국어 설정값이 있고 컴포넌트의 locale-key 속성의 값인 key 와 매칭되어 변경됩니다.

      SBUxMethod.changeLocaleWithFile('ko', undefined, true);
       // 위locale-key 속성이 있는 컴포넌트 뿐만 아니라 모든 컴포넌트에 locale 을 반영합니다.

      SBUxMethod.changeLocaleWithFile('ko', 'http://localhost/test/custom/test_ko.js');
       // 사용자가 파일을 지정하고 지정된 파일에서 반영합니다.
       // 컴포넌트에 locale-key 속성이 있는 것들을 refresh 합니다.

      SBUxMethod.changeLocaleWithFile('ko', 'http://localhost/test/custom/test_ko.js', true);
       // 사용자가 파일을 지정하고 지정된 파일에서 반영합니다.
       // 모든 컴포넌트의 locale 을 적용하고 refresh 한다.

    - JS 파일의 코딩 예시
      파일을 이용하는 경우 아래와 같이 test_ko.js 파일내 코딩 되어 있어야 합니다.
      단, 아래 SBUxG.LOC.MSG 에 대한 값은 시스템에서 변경할 수 있으며,
      변경시에는 SBUxDefault.js 파일내의 key 인 SBUxG.DEF.SET_LOACLE_KEY = 'SBUxG.LOC.MSG' 값을 변경해야 합니다.
      (function() {
         SBUxG.LOC.MSG = {
           CUST: '고객명'
      }
      }());

    - JSON Data 를 이용한 다국어 설정의 변경 (Ajax 통신등은 사용자가 개발하고 Data 만을 이용합니다.)
    - 사용 메소드
       SBUxMethod.changeLocaleWithJson
    /**
    로케일 설정을 JSON 데이터로 처리하는 메소드
    @param {string} locale 변경하고자 하는 로케일 ( ko | en | ja | zh )
    @param {any} jsonData 다5국어 컨테츠가 있는 JSON Data
    @param {boolean} allComponent? 모든 컴포넌트에 적용할 것인지, locale-key 속성을 사용한 컴포넌트에만 적용할 것인지
    */
    public static changeLocaleWithJson(locale: string, jsonData: any, allComponent?: boolean) {

    - 사용 예시
      var JSONData = { CUST: '고객명' }; // SBUxG.LOC.MSG 로 묶지 않아도 시스템에서 매핑할때 SBUxG.DEF.SET_LOACLE_KEY 에 설정된 이름이 변수에 넣습니다.
      SBUxMethod.changeLocaleWithJson('ko', JSONData);
      SBUxMethod.changeLocaleWithJson('ko', JSONData, true); // 모든 컴포넌트의 로케일을 바꾼다
      <sbux-label id="sbux_label_custName" name="input1" model-name="label_cust_Name" uitype="normal" text="고객명 라벨" locale-key="CUST">
      </sbux-labe>

    [기능 추가]
    SBUxConfig, IE에서 SBUxConfig에서 SystemLogType : "storage" 설정시 주소 표시 줄에서 http 또는 https로 시작하지 않는 경우.
    console 유형으로 자동변경하고 이에 대한 메시지를 보내줍니다.

    [기능 추가]
    tabs, is-draggable-openlayer 속성 사용 시 is-draggable="false" 적용 요청

    tab 의 placement 설정이 top 으로 되어 있는 경우
       - tab 을 아래로 내리지 못하도록 되어 있으며, tab 을 위로 올리는 경우 openlayer 가 동작합니다.

    tab 의 placement 설정이 bottom 으로 되어 있는 경우
       - tab 을 위로 올리지 못하도록 되어 있으며, tab 을 아래로 내리는 경우 openlayer 가 동작합니다.

Ver 2.6.687

Release on 2018-10-29
  • [기능 개선]
    select, SBUxMethod.set('모델명', ind예시); 형태의 index 를 통한 select 추가

Ver 2.6.686

Release on 2018-10-26
  • [기능 개선]
    label, text 내 html tag 입력 적용 개선

    [CSS 수정]
    tabs, dropdown tab 사용시 dropdown 영역의 tab이 이상한 위치에 나타나는 현상

    [CSS 수정]
    tree, accordion 내에 tree 가 있을 경우 accordion 의 padding 값이 상속되는 현상

Ver 2.6.679

Release on 2018-10-23
  • [오류 수정]
    tabs, tabs, webacc 타입 사용시 IE에서 tab 선택시 오류 수정

    [오류 수정]
    tabs, webacc 타입 사용시 model-name 적용시 tab content가 보이면서 tab 선택이 안되는 현상 수정

    [오류 수정]
    ttabs, webacc타입 사용시 tab content에 iframe 사용시 정상적으로 렌더링 되지 않는 현상 수정

    [오류 수정]
    accordion, SBUxMethod.set 으로 선택하여 확장할때 간혹 확장이 되지 않은 문제 수정

Ver 2.6.675

Release on 2018-10-23
  • [오류 수정]
    checkbox, 변동형에서 SBUxMethod.get 을 초기에 실행했을때 false-value 값이 전체적으로 나타나지 않는 현상 수정

    [기능 개선]
    grid 와의 연동, 그리드의 상태 정보가 (getRowStatus) 가 0 일때만 update 상태로 변경되도록 수정

Ver 2.6.673

Release on 2018-10-22
  • [오류 수정]
    tree, 고정형일때 tree 가 정상적으로 나타나지 않는 현상 수정

    [오류 수정]
    carousel, 화살표 위치가 정상적으로 나타나지 않는 현상 수정

    [기능 개선]
    Input. Search 타입의 버튼부분에 button-front/back-color 속성 적용 후 마우스 오버 시 나타나는 css현상 개선 마우스 오버시 색상이 더 진해짐.

Ver 2.6.667

Release on 2018-10-19
  • [기능 추가]
    tree, SBUxMethod.expandTreeNodes 메소드 추가

    /**
    * 대상 node id 부터 하위 openLevel 만큼 떨어진 Node 들을 open 한다.
    * @param {} modelNm 모델명
    * @param {} targetNodeId 대상 node id
    * @param {} openLevel open 시킬 레벨
    */
    예시) SBUxMethod.expandTreeNodes('모델명','특정 node id', '특정 node 부터 하위 open 시킬 레벨');

    [기능 추가]
    tree, show-tooltip 속성 및 show-tooltip-key 속성 추가
    예시) <sbux-tree ... show-tooltip = "true" show-tooltip-key = "code" tooltip 의 text 는 jsondata 의 text key 로 설정된 부분으로 매칭되며 show-tooltip-key 를 통해 josndata 의 참조되는 키를 바꾼다.

Ver 2.6.664

Release on 2018-10-19
  • [기능 추가]
    tree, child Node 를 Json data 내용으로 바꾸는 SBUxMethod.changeChildTreeNode 메소드 추가

    /**
    * @param {} modelNm 모델명
    * @param {} chidJsonData 자식구조의 JSON Data
    * @param {} nodeId? 부모 Node Id (없을 시 선택된 Node Id 가 자동 매핑)
    * @param {} isSaveHistory? History 저장 여부
    * @returns void
    */
    changeChildTreeNode(modelNm, chidJsonData, nodeId?, isSaveHistory?): void

    예시) var innerData = [
         {"idKey":"1_3_1", "text":"전문위원실 1", "value":"e1", "pidKey":"1_3" },
         {"idKey":"1_3_1_1", "text":"전문하위 1_1", "value":"e1_1", "pidKey":"1_3_1" },
         {"idKey":"1_3_1_2", "text":"전문하위 1_2", "value":"e1_2", "pidKey":"1_3_1" },
         {"idKey":"1_3_1_2_1", "text":"전문하위 1_2_1", "value":"e1_2", "pidKey":"1_3_1_2" },
         {"idKey":"1_3_1_2_2", "text":"전문하위 1_2_2", "value":"e1_2", "pidKey":"1_3_1_2" }
         {"idKey":"1_3_2", "text":"전문위원실 2", "value":"e2", "pidKey":"1_3" }
    ];
    SBUxMethod.changeChildTreeNode('treeGroupJson', innerData , '1_3', false);

    [기능 개선]
    ttree, tree Node 추가를 하나만 가능한 경우에서 Json 집합을 받아 처리할 수 있도록 SBUxMethod.addTreeNode 를 수정함

    /**
    * Tree 의 Node 를 추가합니다.
    *
    * @param {any} modelNm 모델명
    * @param {any} addType 추가할 유형 ( 'sibling' : 형제노드추가, 'child': 자식노드추가, 기본값 : child )
    * @param {any} addNodeJson 추가할 데이터 (Json 형태)
    * @param {any} [pointNodeId] 선택 point 로 지정할 node id
    * @param {any} [callbackAfterAdd] node 추가 후 발생할 콜백함수
    * @returns void
    */
    addTreeNode(modelNm, addType, addNodeJson, pointNodeId?, callbackAfterAdd?): void
       예시 ) 기존 addNodeJson = { id: '123', pid : '1' , text :'123' ,.. }
       => 가능 addNodeJson = [ { id: '12', pid : '1' , text :'12' ,.. }
         ,{ id: '123', pid : '12' , text :'123' ,
             .. }
    - SBGrid 2.5.1714 로 Upgrade 함

Ver 2.6.652

Release on 2018-10-17
  • [오류 수정]
    tree, SBUxMethod.set('모델명','node id','expand') 로 open 에 move-scroll-target-id 속성이 추가되어 있을때 scrollbar 의 이동 위치 오류 수정

    [기능 추가]
    tree, SBUxMethod.set 의 확장 옵션으로 'expandParentsChild' 추가
    선택된 node 의 Parents 와 바로 하위 Child 도 expand 하는 옵션
    예시) SBUxMethod.set('모델명','node id','expandParentsChild')

Ver 2.6.649

Release on 2018-10-17
  • [오류 수정]
    tree, tree 같은 text가 여러개일 때 click이벤트에서 arg값을 넘기면 같은 id로 반환하는 현상 수정
    기본값인 storage-data = "text" 에서는 동일한 text 에 대해서 구분할 수 없기 때문에 storage-data = "object" 로 변경을 하여야 합니다.
    (storage-data = "object" 인 형태에서 내부적으로 id 를 기준으로 node 를 찾아 반환합니다.)

Ver 2.6.648

Release on 2018-10-17
  • [기능 추가]
    tree, icon 을 클릭할 때 발생하는 이벤트 속성 추가 (trigger-icon-callback) 인자값으로 선택한 node 의 정보를 json object 형태로 전달함
    + icon 일때만 동작하며 - icon (열려있는 상태일때는) 발생하지 않는다.
      예시) trigger-icon-callback = "fnIconClick"
       function fnIconClick(selectedNodeInfo){ .. }

    [기능 추가]
    tree, SBUxMethod.expandTreeChildNodes(modelNm, parentNodeId, openLevel) 메소드 추가
    선택한 node 의 하위 레벨의 node 를 openLevel 만큼 확장시킨다.
      예시) SBUxMethod.expandTreeChildNodes('TreeModel', '1_1', 3);
      model 명이 TreeModel 인 node id 가 '1_1' 인 Node 의 하위 3번째 level 까지 확장시킴

Ver 2.6.644

Release on 2018-10-16
  • [기능 추가]
    tree, SBUxMethod.getTreeSblingData 메소드 추가
    SBUxMethod.getTreeSblingData(modelNm, rootNodeId, distanceLevel, filterKey?)
      * @param {} modelNm 모델명
      * @param {} rootNodeId Root의 node id
      * @param {} distanceLevel Root 의 node 부터 얼마나 떨어져 있는지는 레벨을 추출할지에 대한 값
      * @param {} filterKey? 특정 key 에 해당하는 값만 배열로 반환
      예시) SBUxMethod.getTreeSblingData('treeGroupJson','rootId',3,'id');

    [기능 추가]
    tabs, 신규 uitype webacc 추가
    웹접근성 준수를 위해 논리적 순서대로 구조를 변경한 컴포넌트 (tabkey로 포커스이동 가능)

    [기능 추가]
    tree, depth 별 이미지를 매핑하는 속성에 key 를 "depth" 또는 "level" 사용가능하도록 수정
      예시) <sbux-tree id="treeGroupJson" name="treeGroupJson" jsondata-ref="treeJsonData" imagedata-ref="depthImageData" ... 생략
      var depthImageData = [
       { "level" : "1", "src" :"./../images/1.jpg", "style":"width:10px;height:10px;", "alt":"임시 이미지.", "title" : "첫번째 이미지"},
       { "level" : "2", "src" :"./../images/2.jpg", "style":"width:10px;height:10px;" , "title" : "두번째 이미지" }
    ];

    [기능 추가]
    tree, node 에 해당하는 image 를 render 형태로 받을 수 있는 속성 추가 (image-render)
      예시) <sbux-tree id="treeGroupJson" name="treeGroupJson"
       jsondata-ref="treeJsonData"
       image-render="rederFunction"
       function rederFunction(args) {
         // node 생성시 진입하여 매번 처리
         if (args.text === '소프트보울') {
         return '<img src="./../images/4.jpg" class="sbux-tre-item-img" alt="미정" title="소프트보울" style="width:30px;height:30px;">';
         }
      }

    [기능 추가]
    tree, 사용자가 선택시 open 되는 하위 레벨을 설정 추가
    json data 에 key 를 추가해야 함.
      예시) {"id":"1","text":"소프트보울", "openlevel" : "3", "code" : "AAA12_111","value":"a", "pid":"" },
      "openLevel": "3" 을 추가함으로 "소프트보울" Node 를 클릭시 하위 3레벨까지 open 됨

    [기능 추가]
    tree, 초기 로딩시 open 되는 하위 레벨을 조정하는 속성 추가 (expand-open-level)
    , is-expand ="true" 인 상태에서 expand-open-level 을 통해 하위에 open 될 레벨을 조정할 수 있다.
    <sbux-tree id="treeGroupJson" name="treeGroupJson" is-expand="true" expand-open-level="3" .. 생략

    [오류 수정]
    tree, json data 가 10 이상시 order 를 지정하지 않을때 랜덤으로 나타나는 현상 수정

    [오류 수정]
    tree, addTreeNode 시 추가되는 node 가 root 에 하나 더 추가되는 현상 수정

    [오류 수정]
    grid, IE9 에서 <sbux-sbgrid 태그방식을 사용했을 발생하는 오류 수정

Ver 2.6.634

Release on 2018-10-12
  • [기능 추가]
    tree, imagedata-ref 속성 추가 (node 의 depth 별로 이미지를 넣는 기능)

    [기능 수정]
    tree, tree 내에 tree 가 입력되도록 수정
    예시) var treeJsonData =
    [
         {"id":"0", "text":"오토바이 브랜드", "value":"a", "pid":""},
         {"id":"1", "text":"자동차 브랜드", "value":"a", "pid":"" },
         {"id":"1_1", "text":"삼성" "value":"b", "pid":"1", "dept":"org" },
         {"id":"1_1_1", "text":"<div id='idxInTree' name='intree'></div>", "value":"l", "pid":"1_1"},
         {"id":"1_2", "text":"현대", "value":"m", "pid":"1"},
         {"id":"1_3", "text":"기아", "value":"n", "pid":"1"},
         {"id":"1_4", "text":"쌍용", "value":"o", "pid":"1"}
    ];

    var treeJsonData2 =
    [
         {"id":"0", "text":"QM3", "value":"a", "pid":""},
         {"id":"1", "text":"QM6", "value":"a", "pid":"" },
         {"id":"1_1", "text":"SM6", "value":"b", "pid":"1", "dept":"org" }
    ];
    var depthImageData = [
         { "depth" : "0", "src" :"./../images/1.jpg", "style":"width:10px;height:10px;", "alt":"alt Text", "title" : "이미지1"},
         { "depth" : "1", "src" :"./../images/2.jpg", "style":"width:10px;height:10px;" , "title" : "이미지2" }
    ];

    <div id="treeData" style="width: 100%; height: 400px; overflow: scroll; vertical-align: top;">
    <sbux-tree id="treeGroupJson" name="treeGroupJson" ondblclick="doSearchRight(treeGroupJson)"
    trigger-item = "dblclick"
    is-expand="true" show-delete-confirm="true"
    contextmenu-id="idx_ctxt_menu_tree"
    jsondata-ref="treeJsonData"
    imagedata-ref="depthImageData"
    uitype="normal" move-scroll-target-id="treeData" > </sbux-tree>
    </div>
    $(document).ready(function(){
    $("#idxInTree").sbTree({
         uitype : 'normal',
         jsondataRef : 'treeJsonData2',
         imagedataRef : 'depthImageData',
         triggerItem : "dblclick",
         ondblclick : "doSearchRight(intree)"
       });
    });
    [CSS 수정]
    tree, node 에 disabled 또는 readonly 시 반영되지 않는 현상 수정

    [CSS 수정]
    tree, leaf node 선택시 bold 체로 강조되는 않는 현상 수정

    [오류 수정]
    ttree , ondblClick 이벤트에 인자값으로 모델명을 넣었을때 선택한 값이 정상적으로 반환되지 않는 현상 수정

Ver 2.6.631

Release on 2018-10-11
  • [오류 수정]
    Carousel, Tag 방식을 사용할 경우 class 속성이 적용되지 않는 오류 수정

    [기능 수정]
    textarea, textarea가 2개 이상 있을 때 첫번째 textarea를 제외한 나머지 textarea가 auto-resize 속성이 적용되지 않는 현상 수정

    [기능 수정]
    grid 와 컴포넌트 연동, input, textarea 시   를 공백으로 변경하여 받는 로직 추가

Ver 2.6.626

Release on 2018-10-10
  • [오류 수정]
    input, 2.6.613 버전에서 모든 타입에서 init 적용 시 input 영역을 먼저 클릭하지 않으면 동적으로 초기값을 가져오지 않는 현상 수정

    [오류 수정]
    input, 2.6.613 버전에서 모든 타입에서 Onkey~ 이벤트가 모두 동작하지 않는 현상 수정

    [오류 수정]
    grid 와 컴폰너트 연동, datagrid.trigger('rowchanged') 사용시 바인딩이 정상적으로 되지 않는 현상 수정

    [오류 수정]
    Carousel, Image타입 변동형의 jsondata-order가 동작하지 않는 현상 수정

    [오류 수정]
    Carousel, removeCarouselSlide 사용 시, 마지막 장의 슬라이드에 위치한 상태에서 해당 장을 삭제하면 나머지 장도 모두 삭제되는 현상 수정

    [오류 수정]
    Carousel, removeCarouselSlide 메소드에서 두번째 파라미터로 ''로 index번호를 부여하지 않는 경우에도 동작하는 현상 수정

    [오류 수정]
    Carousel, Tag타입 Is-pause-button의 기본 css가 적용되지 않은 현상 수정

    [오류 수정]
    Carousel, Not-found-text가 동작하지 않는 현상 수정

    [오류 수정]
    Carousel, Image타입의 고정/변동형 Mouse-wheel-move가 동작하지 않는 현상 수정

    [CSS 수정]
    tabs, 2.6.613 버전에서 tabs normal 타입에서 is-scrollable 속성사용시 tab이 숨겨지는 현상 수정 , css가 깨지는 현상 수정

Ver 2.6.613

Release on 2018-10-05
  • [기능 수정]
    grid 와 컴포넌트 연동, SBUx 컴포넌트 및 그리드 연동시 값의 변경이 없어도 update 상태로 변하는 현상 수정정

    [오류 수정]
    select, checkbox 타입인 경우 전체 선택을 통해 선택했을때 표시되는 개수가 +1 증가되어 있는 현상 수정

    [CSS 수정]
    select, checkbox 타입시 width를 넓히면 화살표모양이 2개로 나오는 현상 수정

    [CSS 수정]
    picker, min, max-date 적용시 선택불가능한 td 색상이 변경되는 현상 수정

    [CSS 수정]
    tree, checkbox type 에서 형제 node 추가시 checkbox 가 나타나지 않는 현상 수정

Ver 2.6.608

Release on 2018-09-28
  • [기능 개선]
    alert, confirm 시 확인, 취소, X(cancel) 중 하나만 실행하면 나머지는 실행되지 않도록 수정

    [오류 수정]
    tree, SBUxMethod.removeTreeNode 시 Root Node 를 삭제하였을때 confirm alert 창이 닫혀지지 않는 현상 수정

Ver 2.6.606

Release on 2018-09-28
  • [CSS 수정]
    carousel, controlbox관련 css가 빠져있어 controller들이 틀어지던 현상 수정

Ver 2.6.605

Release on 2018-09-28
  • [오류 수정]
    alert, 확인, 취소 버튼을 화면에서 alert 창이 완전히 사라지기 전까지 클릭했을 때 클릭시 마다 이벤트가 발생하는 현상 수정

    [오류 수정]
    label, mask 사용시 init 시점에서 적용이 안되는 현상 수정

    [오류 수정]
    alert, show-close-button="false" 속성이 적용되지 않는 현상 수정

Ver 2.6.601

Release on 2018-09-28
  • [오류 수정]
    button, submit type 시 img-src 속성에 대한 중복처리 오류 수정

    [오류 수정]
    alert, SBUxMethod.openAlert 을 통한 전달시 show_close_button 이 설정되어 있지 않았을때의 default 값에 대한 매핑 오류 수정

Ver 2.6.597

Release on 2018-09-27
  • [기능 추가]
    alert, 우측 close 아이콘 버튼의 유무를 나타내는 show-close-button 속성 추가 (default : true )
      - tag 사용시
      <sbux-alert ... show-close-button="false"

      -SBUxMethod.openAlert 사용시
      var options = { ....
         show_close_button : "false"
         ... }
      SBUxMethod.openAlert(options);

    [기능 개선]
    버전정보 개선, SBUxG.VERSION 실행시 SBGrid 와 SBChart 가 설정에서 true 로 되어 있다면 버전정보를 함께 나타냄.

    [SBChart]
    SBChart 2.0.3 으로 버전 변경됨.

Ver 2.6.595

Release on 2018-09-27
  • [오류 수정]
    alert, callback-confirm-oK 속성명을 callback-confirm-ok 로 수정

    [CSS 수정]
    modal에서 header-close-glyphs 속성 적용시 glyphicon-off 이미지만 적용되는 현상 수정

Ver 2.6.593

Release on 2018-09-21
  • [기능 추가]
    alert, is-confirm , callback-confirm-ok , callback-confirm-cancel 속성 추가
      - tag 사용시
    <sbux-alert ... is-confirm="true" callback-confirm-ok="fnOK" callback-confirm-cancel="fnCancel"
    ...
      function fnOK(){ ... 확인 버튼 클릭시 ... }
      function fnCancel(){ ... 취소 버튼 클릭시 ... }
      SBUxMethod.openAlert 사용시
      var options = { ....
         is_confirm : "true" ,
         confirm_ok : "fnOK",
         confirm_cancel : "fnCancel"
       ... }

      주의사항
      - window Object 인 confirm 호출시 모든 process 가 stop 되는 것과는 다름. 즉 if (SBUxMethod.openAlert(...)){ ..} else { ... } 이런 형태로써 사용할 수 없다.


    [기능 개선]
    grid 연결, grid 를 document ready 시점에서 강제적으로 그리드와 컴포넌트를 연결시켜주는 이벤트 발생 함수 생성.
    내부적으로 window onload 시점에 발생시키는 것을 실행할 수 있도록 함수로 만듬.
    SBUxG.FC.connectGridToComps();
    (참고, 그리드 하나에 대해 개별적으로 연결할 시에는 SBUxMethod.connectGridToComps("그리드 id"); 를 사용합니다.)

Ver 2.6.585

Release on 2018-09-13
  • [CSS 수정]
    modal, modal 의 height 가 모니터 해상도를 벗어났을때 세로 스크롤이 생기지 않는 현상 수정

    [오류 수정]
    tabs, is-close-icon을 이용하여 tab 삭제시 해당 컨텐츠는 남아있고 tab에서만 삭제되는 현상 수정

Ver 2.6.580

Release on 2018-09-12
  • [기능 추가]
    carousel, callback-before-change, callback-after-change 속성 추가
    슬라이드가 변경되기 전, 후에 발생하는 callback 함수
    첫번째 인자값으로 이전 슬라이드번호, 변경된 슬라이드번호를 반환
    before의 경우 return false로 동작을 중지 시킬수 있음.

    [오류 수정]
    Tabs, tab-content에 iframe 1개 생성 후 link를 다르게 주었을 때 해당 링크로 변경되지 않는 현상 수정

    [오류 수정]
    Tabs, removeOthersTab. 2개 이상의 id가 포함된 탭에서 id 하나만 제외하고 다른 탭을 제어하면 해당 탭의 display가 변하는 현상 수정

    [오류 수정]
    Picker. popup 모드에서 max-date로 설정한 날짜가 input 부분에 나타나지 않는 현상 수정

    [오류 수정]
    Picker. Inline 모드에서 min-date 설정한 날짜를 get으로 가져오지 않는 현상 수정

Ver 2.6.573

Release on 2018-09-11
  • [오류 수정]
    Tabs, removeTab. dropdown tab 인 경우 dropdown 내 tab 이 삭제되지 않는 현상 수정

    [오류 수정]
    tabs, addTab을 이용해서 tab을 동적으로 생성시 tabs의 tab들이 전부 삭제된 후 새 탭이 추가되는 현상 수정

    [오류 수정]
    input, autocomplete-ref 의 데이터가 객체형태일때( {label : 'xxx', value:'ooo'},..) autocomplete-prefix 가 정상동작하지 않는 현상 수정

    [오류 수정]
    dropdown, readonly 속성시 dropdown 이 open 되지 않는 현상 수정

    [오류 수정]
    dropdown, readonly 지정시 SBUxMethod.set 이 되지 않는 현상

    [기능 개선]
    accordion, callback-before-select 의 전달 파라메터로 현 선택 accordion id 를 추가

    [기능 개선]
    tabs, callback-before-seleect 의 전달 파마메터로 현 선택 tab id 를 추가

Ver 2.6.564

Release on 2018-09-10
  • [오류 수정]
    radio, ie에서 처음에 checked 설정이후 attr메서드로 readonly 설정시 다른 radio 클릭시 checked 상태가 해제되는 현상 수정

    [오류 수정]
    tree, show-parent-checkbox. addTreeNode를 이용해 추가한 parent node의 checkbox가 checked 또는 unchecked 되지 않는 현상 수정

    [오류 수정]
    picker, Inline모드에서 disabled 동적설정 시 picker가 사라지는 현상 수정

    [CSS 수정]
    picker, inline 모드에서 포커스에 대한 이상 현상 수정

Ver 2.6.561

Release on 2018-09-07
  • [CSS 수정]
    checkbox, ie9에서 체크박스 체크시 체크표시 모양이 다른 현상 수정

    [CSS 수정]
    radio, checkbox, tooltip과 popover사용시 해당 컴포넌트 사이즈에 상속받는 현상 재수정

    [CSS 수정]
    select, ie9에서 class 속성 적용시 background-color가 적용되지 않는 현상 수정

    [오류 수정]
    select, master- detail 관계일 때 detail select를 attr로 상태 변경 후 마스터 값 변경시 attr로 설정한 값이 변경되는 현상 수정

    [오류 수정]
    dropdown, ie9에서 dropdown button 타입의 onchange 이벤트가 발생하지 않는 현상 수정

    [기능 개선]
    select, checkbox 타입 사용시 value가 없는 경우 undefined가 반환을 null 로 변경

    [기능 개선]
    select, checkbox 타입 사용시 get의 반환값이 다른 부분 null 로 통일

    [오류 수정]
    select 체크박스 타입 사용시 disabled 상태일 때에도 form serialize로 넘어가는 현상

    [CSS 수정]
    Menu. placement. 위치가 bottom인 경우 UI 관련 수정

Ver 2.6.558

Release on 2018-09-06
  • [CSS 수정]
    picker, popup 모드에서 class가 적용되지 않는 현상 수정

    [CSS 수정]
    picker, inline 모드에서 회색으로 표시된 당일 날짜를 선택시 css가 변경되지 않는 현상 수정

    [오류 수정]
    accordion, 고정형 tabindex 정상작동하지 않는 현상 수정

    [CSS 수정]
    select, class에서 background-color가 적용되지 않는 현상 수정

    [오류 수정]
    button, send타입시 get이 안되는 현상 수정

    [오류 수정]
    contextmenu, tree, Contextmenu를 이용해 tree에 노드를 추가하면 removeClass undefined 라는 러가 발생하는 현상 수정

    [오류 수정]
    tree, 고정형 save-status-type 속성이 정상적이지 않는 현상 수정

    [오류 수정]
    tree, 고정형 show-delete-confirm 속성에 false 설정시 변경되지 않는 현상 수정

    [CSS 수정]
    popover, popover-title , popover-placement의 css 수정

    [CSS 수정]
    accordion, nenu 아래 항목부분의 UI부분의 css 가 전체 css 에 적용되지 않도록 수정

    [CSS 수정]
    dropdown, ie9에서 dropdown button 타입의 button-color속성 적용되도록 수정

    [CSS 수정]
    dropdown, normal 고정형 class 적용되지 않는 오류 수정

    [오류 수정]
    button, 컴포넌트에서 클릭한 후 원래의 색처럼 돌아오지 않는 현상 수정

    [CSS 수정]
    dropdown, button 타입의 direction 설정시 화살표 방향 개선

    [CSS 수정]
    alert, aclass 속성이 적용되지 않는 현상 수정

    [오류 수정]
    tree, getTreeStatus. 선택된 노드의 상태값을 제대로 가져오지 않는 현상 수정

Ver 2.6.555

Release on 2018-09-05
  • [CSS 수정]
    picker, uitype = "popup" 일때, 데이터 입력 시 input 과 picker 아이콘 사이에 border 라인에 대한 개선

    [오류 수정]
    radio, onchange이벤트에서 파라미터로 name 전달시 chrome과 ie가 반환값이 다른 현상 수정

    [CSS 수정]
    accordion, 고정형 title-expanded-glyphs-array에서 기본색상이 반영되지 않는 현상 수정

    [CSS 수정]
    accordion, 고정형 title-collapse-glyphs-array에서 기본색상이 반영되지 않는 현상 수정

    [오류 수정]
    radio, ie에서 radio 체크 후 attr메서드로 readonly 설정시 체크 하지 않은 radio 를 클릭시 풀려버리는 현상 수정

    [오류 수정]
    picker, SBUxMessage_date.js 파일에서 format 변경시 입력이 되지 않는 현상 수정

    [오류 수정]
    picker, date-format 속성으로 변경시 변경되지 않는 현상 수정

    [오류 수정]
    checkbox, model-name 사용시 checked 상태의 checkbox get시 false를 반환하는 현상 수정

    [CSS 수정]
    radio, checkbox , tooltip과 popover사용시 해당 컴포넌트 사이즈에 상속받는 현상 수정

    [오류 수정]
    checkbox, ie9에서 checkbox의 required-index가 적용되지 않는 현상 수정

    [CSS 수정]
    picker, popup모드에서 readonly-input, disabled-input 속성 사용시 ui에 대한 개선

    [오류 수정]
    checkbox, required-index 속성 사용시 attr로 속성 변경하면 required가 안걸리는 현상 수정

Ver 2.6.553

Release on 2018-09-04
  • [오류 수정]
    picker, inline 모드에서 readonly 속성이 들어간 후 동적해제시 첫 번째 클릭시 값이 변경되지 않는 현상 수정

    [오류 수정]
    picker, inline 모드에서 disabled 속성이 들어간 후 동적해제시 첫 번째 클릭시 값이 변경되지 않는 현상 수정

    [오류 수정]
    picker, inline 모드에서 5월과 6월 사이 클릭 시 4월로 이동하는 현상 수정

    [CSS 수정]
    picker, inline 모드에서 포커스에 대한 이상 현상 수정

       , "년"클릭 후 포커스가 생기는 현상
       , 월에서 포커스 가 생기는 현상
       , radius가 포커스시와 호버시 다른 현상

    [오류 수정]
    picker, 기존 년 월 일 선택 -> 해당 "월" 클릭, "일" 은 선택하지않고 다시 월선택으로 넘어가면 포커스가 생기는 현상 수정

    [기능 개선]
    picker, inline 모드에서 min과 max 의 날짜가 선택에 포함되도록 수정

    [오류 수정]
    picker, inline 모드에서 attr로 disabled가 되지 않는 현상 수정

    [CSS 수정]
    Modal ,반응형 처리 적용 (chrome, IE,Emul IE9 )

    [CSS 수정]
    Menu, 해상도가 줄어들어 나타나는 햄버거 메뉴 클릭시 반응이 없는 현상 수정
       , is-fixed="false" 일때 스크롤에 따라 이동하지 않는 현상 수정
       , brand-item 에 text 를 입력하면 기본적으로 크기나 위치 등이 보정
       , menu-item 에 item 들을 분리하는 divider 표시 수정
       , menu-item 에 disabled 가 표시 수정

Ver 2.6.551

Release on 2018-09-03
  • [CSS 수정]
    radio, checked 된 disable 인 경우 radio 선택 이미지와 checkbox 선택 이미지 겹치는 현상 수정

    [CSS 수정]
    dropdown ,dorpdown title 에 선택한 내용의 문구와 화살표가 중첩되는 현상 수정
    readonly 시 마우스 오버시의 색상과 li 에 올렸을때와 a tag 에 올렸을 떄 마우스 커서의 모양이 차이가 있는 현상 수정 button-color 적용이 안되는 현상 수정

    [CSS 수정]
    progress, loading type 시 나타나는 로딩 Progress 가 없는 현상 수정

    [기능 개선]
    tabs, drag 하여 open 되 창에 축소,확대, 닫힘 버튼 이미지 추가

    [CSS 수정]
    accordion, disabled 시 해당 accordion 메뉴의 색상변화가 되도록 수정

    [CSS 수정]
    page Loading, sbux-page-loading-wrap 에 대한 CSS 가 추가

    [오류 수정]
    input, button-back-style 에 적용이 되지 않는 현상 수정

Ver 2.6.0

  • - SBUx 2.5 버전에서 Upgrade 되었습니다.

    - 태그 형태의 컴포넌트
    <sbux-input> , <sbux-datepicker>, <sbux-radio> , <sbux-checkbox> , <sbux-select> , <sbux-button>
    <sbux-textarea> , <sbux-listbox> , <sbux-alert> , <sbux-dropdown> , <sbux-modal> , <sbux-label>
    <sbux-progress>, <sbux-contextmenu>, <sbux-tabs> , <sbux-tree> , <sbux-menu>, <sbux-accordion>, <sbux-carousel>, <sbux-sbgrid>