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