높이 고정 설정
SBGrid는 Row 높이 설정 기능을 제공합니다.
요약
SBGrid는 Row 높이 설정 기능을 제공합니다.입력값
Number : 고정 높이값
예) datagrid1.setDataHeight(100);
상세설명
setDataHeight()를 이용하여 숫자 값을 설정하게 되면 그 px 값에 따라 행높이가 설정됩니다.초기 속성 입력시 "strDataHeight":"20" 형태로 설정할 수도 있습니다.
<!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;
function __createElements (){
var objJson = {
"strParentId" : "sbGridArea",
"strId": "datagrid1",
"strCaption": "Longitude^Latitude^Name^City Code^classification",
"strColWidth": "160, 350, 100, 120, 170",
"strJsonRef": "grid_data",
"strDataHeight":"20",
"strStyle": "width:100%; height:480px; ",
"strBackColorAlternate" : "#f7f7f7"
};
datagrid1 = createSBDataGrid(objJson);
var objCol = [
{ "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" }
];
datagrid1.createColumns(objCol);
}
function datagridsetDataHeight() {
datagrid1.setDataHeight(40);
datagrid1.refresh();
};
</script>
</head>
<body onload="__createElements()" class="sbgrid_body">
<div id="button_group">
<input type="button" class="sbgrid_demo_button" name="2" style="width:700px;height:30px;" onclick="datagridsetDataHeight();" value="높이 100px 조정"/>
</div>
<div class="content_group">
<div id="sbGridArea"></div>
</div>
</body>
</html>