Empty Message

그리드에 표시할 데이터가 없을 시 설정한 message를 표시합니다.


요약

그리드에 표시할 데이터가 없을 시 설정한 message를 표시합니다.

입력값

String : 표시되는 메시지



예) datagrid1.strEmptyRecords = "표시할 데이터가 없습니다.";
     초기 속성 설정으로도 가능합니다. "strEmptyRecords" : "표시할 데이터가 없습니다."

상세설명

그리드에 해당하는 json data가 존재하지 않을 때 그리드에 문자열을 보여주어 표시합니다. 
<!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_116_people.js"></script>
		
	<script type="text/javascript">			
		SBGrid.DEF.DOMAIN = "../../";
	<script>
	
	<script type="text/javascript">
        
        var datagrid1;
        $(document).ready(function () {
            __createElements(grid_data);
        });
        var json_data = [];

        function __createElements(data) {
            json_data = data;
            var GridInitInfo = {
                                    "strParentId": "sbGridArea",
                                    "strId": "datagrid1",
                                    "strCaption": "FirstName^LastName^Company^Address^City^County^State^ZIP_Code^Phone^Fax^E-mail^HomePage Address",
                                    "strColWidth": "100, 100, 250, 250, 180, 150, 70, 100, 110, 110, 250, 300",
                                    "strJsonRef": "json_data",
                                    "strEmptyRecords": "표시할 데이터가 없습니다.",
                                    "strEmptyRecordsFontStyle": "font-size:40px; font-weight:bold;",
                                    "strDataHeight": "29",
                                    "strStyle": "width:100%; height:480px; ",
                                    "strBackColorAlternate": "#f7f7f7",
                                    "strExplorerbar": "sortshow"
            };
            var SBGridColumnInitInfo = [
				    { "id": "col1", "type": "input", "ref": "FirstName" },
				    { "id": "col2", "type": "input", "ref": "LastName" },
				    { "id": "col3", "type": "input", "ref": "Company" },
				    { "id": "col4", "type": "input", "ref": "Address" },
				    { "id": "col5", "type": "input", "ref": "City" },
				    { "id": "col6", "type": "input", "ref": "County" },
				    { "id": "col7", "type": "input", "ref": "State", "style": "text-align:center" },
				    { "id": "col8", "type": "output", "ref": "ZIP", "style": "text-align:center" },
				    { "id": "col9", "type": "output", "ref": "Phone", "style": "text-align:center" },
				    { "id": "col10", "type": "output", "ref": "Fax", "style": "text-align:center" },
				    { "id": "col11", "type": "output", "ref": "Email" },
				    { "id": "col12", "type": "output", "ref": "Web" }
            ];
            if (SBGrid.getGrid('datagrid1') != null) {
                datagrid1.destroy();
                datagrid1 = null;
            }
            datagrid1 = createSBGrid(GridInitInfo, SBGridColumnInitInfo);
            
        }
        function createSBGrid(SBGridInitInfo, SBGridColumnInitInfo) {
            var objJSONdata = new Object();
            objJSONdata.objSBGridInitInfo = SBGridInitInfo;
            objJSONdata.arSBGridColumnInitInfo = SBGridColumnInitInfo;
            return SBGrid.DEF.createSBGrid(objJSONdata);
        };
        $('#btnEmptyMessage').click(function () {
            var json_empty = [];
            __createElements(json_empty);
        }); 
		
	</script>
</head>
<body>

    <div id="button_group">
    	<input type="button" class="sbgrid_demo_button2" style="width:33%; height:30px; background-color:#F2CB61;" id="btnEmptyMessage" value="빈메시지 설정" />
    </div>
    <div id="sbGridArea"></div>
</body>
</html>