Caption 명 설정

SBGrid는 Caption 영역의 행 높이 설정 기능을 제공합니다.


요약

SBGrid는 Caption의 텍스트를 설정할 수 있습니다.

입력값

String : 구분자(^)로 구성된 Caption 명들의 문자열



예) datagrid1.setCaption("경도^위도^이름^도시번호^분류")

상세설명

setCaption()으로 그리드 생성시 초기에 설정해 놓은 캡션 텍스트 값을 변경할 수 있습니다.
^ 구분자를 사용하여 구분해 줍니다. 
<!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" xml:lang="ko">
<head>
	<meta content="IE=9" http-equiv="X-UA-Compatible">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>SoftBowl SBGrid Example</title>
	<script type="text/javascript" src="../../kr/co/softbowl/js/Library/json-minified.js"></script>
	<script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../../kr/co/softbowl/js/Library/json2.js"></script>
		
	<script type="text/javascript" src="../../kr/co/softbowl/SBGrid.js"></script>
	
	<script type="text/javascript" src="../../js/DATA_JSON_POI_100.js"></script>
		
	<script type="text/javascript">			
		SBGrid.DEF.DOMAIN = "../../";
	<script>
	
	<script type="text/javascript">
		var datagrid1;
		
		$(document).ready(function(){
			__createElements();
		});
		
		function __createElements (){
			var GridInitInfo = 	{
								"strParentId" : "sbGridArea",
								"strId": "datagrid1",
								"strCaption": "Longitude^Latitude^Name^City Code^classification",
								"strColWidth": "160, 350, 100, 120, 160",
								"strJsonRef": "grid_data",
								"strDataHeight":"29",
								"strStyle": "width:100%; height:480px; ",
								"strBackColorAlternate" : "#f7f7f7"
						};
			 var SBGridColumnInitInfo = [
							{ "id": "col1", "type": "output", "ref": "x", "style" : "text-align:center" },
							{ "id": "col2", "type": "output", "ref": "y", "style" : "text-align:center" },
							{ "id": "col3", "type": "output", "ref": "name" },
							{ "id": "col4", "type": "combo", "ref": "city", "strJsonNodeSet": "combo_city", "strLabelRef": "label", "strValueRef": "value" },
							{ "id": "col5", "type": "combo", "ref": "code", "strJsonNodeSet": "combo_code", "strLabelRef": "label", "strValueRef": "value", "style" : "text-align:center" }
						    ];
			if(SBGrid.getGrid('datagrid1') != null){
				datagrid1.destroy();
				datagrid1 = null;				
			}
			
			datagrid1 = createSBGrid(GridInitInfo,SBGridColumnInitInfo);			
			
			datagrid1.setCellStyle('background-color', 0,0,0,datagrid1.getCols(),'#696969');
			datagrid1.setCellStyle('color', 0,0,0,datagrid1.getCols(),'#ffffff');
			datagrid1.setCellStyle('font-weight', 0,0,0,datagrid1.getCols(),'bold');
			datagrid1.setRowHeight(0, 30); 
			
			datagrid1.refresh();
			
		}
		function createSBGrid(SBGridInitInfo, SBGridColumnInitInfo){
			var objJSONdata = new Object();
			objJSONdata.objSBGridInitInfo = SBGridInitInfo;
			objJSONdata.arSBGridColumnInitInfo = SBGridColumnInitInfo;
			return SBGrid.DEF.createSBGrid(objJSONdata);
		};
		function Cation1(){
			datagrid1.setCaption("경도^위도^이름^도시번호^분류");
		}
	</script>
</head> 
<body onLoad="__createElements()" class="sbgrid_body">
	<div id="button_group">
            <input type="button" class="sbgrid_demo_button" style="width:700px;height:30px;" name="cation1" onClick="Cation1()" value="Caption 텍스트 설정"/>
	</div>
        <div class="content_group">	
            <div id="sbGridArea"></div>
        </div>
   
</body>
</html>