Grouping

SBGrid는 지정한 행들을 그룹화 하는 기능을 제공합니다.


요약

그리드에 표현되는 데이터를 그룹화하여 표시하는 기능입니다.

format 유형

Integer : Grouping 할 Row Index


예) getGroupCollapsed(3); 3행 하위그룹에 대한 Groupping

상세설명

특정 행이 하위 그룹을 가지고 있댜면 그 행을 편치고 닫혀 있는지에 대한 정보 반환합니다.

<!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_XML_JSON_Group.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": "Name^Korean^English^Math^Absence",
								"strColWidth": "120,120,120,120,120",
								"strJsonRef": "scoreJson.root.scoreSample.gridData.grid",
								"strStyle": "width:100%; height:400px; "
					};
										
			datagrid1 = createSBDataGrid(objJson);
			var objCol =	[
									{
										"id": "col1",
										"type": "output",
										"ref": "name"
									},
									{
										"id": "col2",
										"type": "output",
										"ref": "math"
									},
									{
										"id": "col3",
										"type": "output",
										"ref": "history"
									},
									{
										"id": "col4",
										"type": "output",
										"ref": "science"
									},
									{
										"id": "col5",
										"type": "output",
										"ref": "absence"
									}
					];
			datagrid1.createColumns(objCol);
			makeGroupData(datagrid1);
		}		
		
		function makeGroupData(grid)
		{
			for(var i=1; i<grid.rows; i++)
			{
				
				if( grid.valueMatrix(i,2) == "SCORE")
					grid.setGroupLevel(i, 1);
				else 
					grid.setGroupLevel(i, 2);
			}
			
			grid.setGroup("complete");
		}
		
		function setCollapsed(grid, bStatus)
		{			
			grid.setGroupCollapsed(1,bStatus);
			grid.setGroupCollapsed(6,bStatus);
			grid.setGroupCollapsed(12,bStatus);
		}
	</script>
</head> 
<body onload="__createElements()" class="sbgrid_body">

        <div id="button_group">
            <input type="button" class="sbgrid_demo_button" style="width:348px;height:30px;" id="button_make_Group" value="그룹 접기" onclick="setCollapsed(datagrid1, true);"></input>
            <input type="button" class="sbgrid_demo_button" style="width:348px;height:30px;" id="button_set_Collapsed" value="그룹 펼치기" onclick="setCollapsed(datagrid1, false);"></input>
        </div>
        <div class="content_group">
            <div id="sbGridArea"></div>
        </div>
   
</body>
</html>