IBSheet8 Manual Sample

author(s): IBSheet

HTML

<link rel="stylesheet" href="https://www.ibsheet.com/v8/assets/lib/ibsheet/css/default/main.css"/>
<!--  ibsheet 필수 js -->
<script src="https://www.ibsheet.com/v8/assets/lib/iblicense.js"></script>
<script src="https://www.ibsheet.com/v8/assets/lib/ibsheet/ibsheet.js"></script>
<script src="https://www.ibsheet.com/v8/assets/lib/ibsheet/locale/ko.js"></script>

<!--  ibsheet 선택/추가 js -->
<script src="https://www.ibsheet.com/v8/assets/lib/ibsheet/plugins/ibsheet-common.js"></script>
<script src="https://www.ibsheet.com/v8/assets/lib/ibsheet/plugins/ibsheet-dialog.js"></script>
<script src="https://www.ibsheet.com/v8/assets/lib/ibsheet/plugins/ibsheet-excel.js"></script>
<script src="https://www.ibsheet.com/v8/assets/lib/ibsheet/plugins/jszip.min.js"></script>

<div class='ibsheet-wrap' id='descFunc'>
<b>1. 일반적인 down2ExcelBuffer 사용 방법</b>
<br>각각의 IBSheet를 하나의 엑셀 파일에 개별 worksheet로 다운로드합니다.<br>
<button onclick='ib.sampleBtn(this)' class='mgr10'>엑셀다운로드</button>
<hr>

<div id='sheetDiv1' style='width:500px;height:300px'></div>


<div id='sheetDiv2' style='width:500px;height:300px'></div>

<div id='sheetDiv3' style='width:500px;height:300px'></div>


</div>

JavaScript

var ib = ib || {};
ib = {
  //시트 초기화 구문
  'init1': {
    "Def": {
      "Col": {
        "Spanned": 1
      },
      "Row": {
        "Spanned": 1
      }
    },
    //공통기능 설정 부분
    "Cfg": {
      "SearchMode": 0,
      "Export": {
        "Url": "https://api.ibsheet.com/ibsheet/v8/"
      }

    },
    //틀고정 좌측 컬럼 설정
    "LeftCols": [{
      Header: "NO",
      Type: "Int",
      Name: "SEQ"
    }],
    //중앙(메인) 컬럼 설정
    "Cols": [ {
      Header: "구분",
      Name: "data1",
      Type: "Text",
      Align: "center",
      Width: 100
    }, {
      Header: "항목",
      Name: "data2",
      Type: "Text",
      Align: "center",
      Width: 100
    }, {
      Header: "개수(숙박일)",
      Name: "data3",
      Type: "Int",
      Align: "center",
      Width: 100
    }, {
      Header: "금액",
      Name: "data4",
      Type: "Int",
      Align: "center",
      Width: 100
    }]
  },
  //시트 이벤트
  'event1': {
  }, //시트 초기화 구문
  'init2': {
    "Def": {
      "Col": {
        "Spanned": 1
      },
      "Row": {
        "Spanned": 1
      }
    },
    //공통기능 설정 부분
    "Cfg": {
      "SearchMode": 0,
      "Export": {
        "Url": "https://api.ibleaders.com/ibsheet/v8/"
      }

    },
    //틀고정 좌측 컬럼 설정
    "LeftCols": [{
      Header: "NO",
      Type: "Int",
      Name: "SEQ"
    }],
    //중앙(메인) 컬럼 설정
    "Cols": [{
      Header: "구분",
      Name: "data1",
      Type: "Text",
      Align: "center",
      Width: 100
    }, {
      Header: "항목",
      Name: "data2",
      Type: "Text",
      Align: "center",
      Width: 100
    }, {
      Header: "금액",
      Name: "data3",
      Type: "Int",
      Align: "center",
      Width: 100
    }]
  },
  //시트 이벤트
  'event2': {
  }, //시트 초기화 구문
  'init3': {
    "Def": {
      "Col": {
        "Spanned": 1
      },
      "Row": {
        "Spanned": 1
      }
    },
    //공통기능 설정 부분
    "Cfg": {
      "SearchMode": 0,
      "Export": {
        "Url": "https://api.ibleaders.com/ibsheet/v8/"
      }

    },
    //틀고정 좌측 컬럼 설정
   ...