Splitter
참고 페이지
불량현황 : GP_PM_PP_005
수율현황 : GP_PM_PP_005
<head>
<script>
$(document).ready(function () {
$("#mainSplitter").jqxSplitter({
width: "100%",
height: "100%",
orientation: "horizontal",
panels: [{ size: "50%" }],
});
$("#firstSplitter").jqxSplitter({
width: "100%",
height: "100%",
orientation: "vertical",
panels: [{ size: "50%", collapsible: false }],
});
});
</script>
</head>
<body class="contents_bg tu_theme" style="overflow: auto">
<div class="h100p">
<!-- 타이틀 영역 -->
<div class="content_title tu_theme">
<label id="pagetitle" multi-lang style="display: none"></label>
</div>
<div class="content_navigation tu_theme">
<label id="labelbookmark"></label>
</div>
<div class="favorite_icon_area">
<div class="favorite cursor"></div>
</div>
<!-- 필터 영역 -->
<div class="filter_area tu_theme">
<form id="srch_form1" class="filter_condition">
</form>
<div class="filter_btn_area">
<div id="findBtn1" class="btn_search tu_theme">
<div tmpTabId="four" class="w-icon fa fa-search icon"></div>
<div class="btn_txt">
<div multi-lang style="display: none">SEARCH</div>
</div>
</div>
</div>
</div>
<div class="filter_fold">
<div class="w-clearfix filter_fold_btn tu_theme cursor">
<div class="filter_fold_icon">
<div tmpTabId="six" class="w-icon fa fa-chevron-up icon"></div>
</div>
</div>
</div>
<!-- Grid 영역 -->
<div class="grid_area">
<div class="w-row h_100per" id="mainSplitter" splitter="vertical" data-splitter="vertical">
<div>
<div class="contentsbox">
<div id="grid1" class="w-widget w-dyn-list w-unbound grid_format w-widget-auigrid" style="display: none !important;"></div>
</div>
</div>
<div>
<div id="firstSplitter" splitter="vertical" data-splitter="vertical">
<div>
<div class="contentsbox">
</div>
</div>
<div>
<div class="contentsbox">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>주의 사항
grid 가 필요없는 페이지여도 하나의 grid 와 widget 은 필수 사항 (없을 경우 페이지 정상인식 안됨)
Last updated