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 은 ν•„μˆ˜ 사항 (없을 경우 νŽ˜μ΄μ§€ 정상인식 μ•ˆλ¨)

PreviousPOPUPNextService 호좜

Last updated