Load Excel

Apache POI 라이브러리를 사용하여 Excel파일을 SBGrid에 로드 합니다

엑셀파일의 데이터영역외 제거 행/열 선택 :
Column(세로) 제거 수:
Row(가로) 제거 수:
첨부파일 선택 (데이터정보만 로드시) :
첨부파일 선택 (컬럼정보가 포함된 엑셀 로드시) :

요약

Excel파일을 불러오기하여 SBGrid에2.0 로드 합니다.

입력값



예) datagrid1.loadExcel(id,'loadExcelForm','json','/LoadExcel.sbl')

상세설명

loadExcel()은 Excel 파일을 불러오기하여 SBGrid에 로드를 수행합니다. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page language="java"   contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />
	<title> SB Grid </title>
	<link href="/kr/co/softbowl/css/Sbgrid_default.css" type="text/css" rel="stylesheet"  />
	<link href="/css/sort.css" type="text/css" rel="stylesheet"  />
	
	<jsp:include page="/view/common/cmCommon.jsp"/>
	<script type="text/javascript" src="/kr/co/softbowl/SBGrid.js"></script>
	<script type="text/javascript" src="/js/jsondata/DATA_JSON_eval2.js"></script>
	<style type="text/css">
		table{border:0px solid #d6d6d6 !important;}
		table th{border:0px solid #d6d6d6 !important;}
		table td{border:0px solid #d6d6d6 !important; }
	</style>
	<script type="text/javascript">
		SBGrid.DEF.DOMAIN = "../../";
        
        var datagrid1;
		
        $(document).ready(function () {
            __createElements();
        });
        
         function __createElements (){
         var GridInitInfo = 	{
             "strParentId" : "sbGridArea",
             "strId": "datagrid1",
             "strCaption": "주문번호^배송번호^이름^주민번호^전화번호^금액",
             "strColWidth": "120, 120, 120, 120, 120, 200",
             "strJsonRef": "grid_data",
             "strDataHeight":"29",
             "strExtendLastCol" : "scroll",
             "strStyle": "width:100%; height:480px;",
             "strBackColorAlternate": "#f7f7f7",
             "bCreateAll": true
         };										
         var SBGridColumnInitInfo = [
                       {
                           "id": "col1",
                           "type": "output",
                           "ref": "orderdate",
                           "style": "text-align:center"
                       },
                       {
                           "id": "col2",
                           "type": "output",
                           "ref": "deliverynum",
                           "style": "text-align:center"
                       },
                       {
                           "id": "col3",
                           "type": "output",
                           "ref": "name",
                           "style": "text-align:center"
                       },
                       {
                           "id": "col4",
                           "type": "output",
                           "ref": "identification",
                           "style": "text-align:center"
                       },
                       {
                           "id": "col5",
                           "type": "output",
                           "ref": "phone",
                           "style": "text-align:center"
                       },
                       {
                           "id": "col6",
                           "type": "output",
                           "ref": "price",
                           "style": "text-align:right;padding:5px"
                       }
         ];

         datagrid1 = createSBGrid(GridInitInfo,SBGridColumnInitInfo);
		
     }
     
     function createSBGrid(SBGridInitInfo, SBGridColumnInitInfo){
         var objJSONdata = new Object();
         objJSONdata.objSBGridInitInfo = SBGridInitInfo;
         objJSONdata.arSBGridColumnInitInfo = SBGridColumnInitInfo;
         return SBGrid.DEF.createSBGrid(objJSONdata);
     };

     function datagridLoadExcel(id){     	
        // datagrid1.loadExcel(id,'loadExcelForm','json',"/importexport/upload");
         
           datagrid1.importExcel({
			formid				:	"loadExcelForm",					//필수, fileinput 태그를 감싸고 있는 form Element의 ID
			action				:	"/importexport/upload",	//필수, submit 액션값
			fileinputid			:	id									//필수, input type file Element의 id
			/*
			fixedrows			:	2,									//옵션, 엑셀파일의 데이터가 아닌 행의 수(미설정 시 그리드의 fixedRows값으로 설정됨)
			fixedcols			:	1,									//옵션, 엑셀파일의 데이터가 아닌 열의 수(미설정 시 그리드의 fixedCols값으로 설정됨)
			addtionaldata		:	[									//옵션, submit 수행 시 추가로 보낼 데이터들을 설정
				{id	:"data1",	name:	"data1",	value:	"data1"},
				{id	:"data2",	name:	"data2",	value:	"data2"}
			]
			*/
		});
     };
     
    
		
	</script>
</head>
<body>

    <div id="button_group">
    	<input type="button" class="sbgrid_demo_button2" style="width:33%; height:30px; background-color:#F2CB61;" ivalue="SBGrid -> Excel 파일로 저장" />
    </div>
    <div id="sbGridArea"></div>
			
</body>
</html>