Filter

자재관리 > 입하관리 > 입하현황 화면을 기준으로 필터 설명

<div class="filter_area tu_theme">
    <form id="srch_form1" class="filter_condition">
      <div class="filter_column">
        <div class="filter_label mandatory">
          <div multi-lang style="display: none">RECEIPTINPUTDATE</div>
        </div>
        <div class="filter_input">
          <input
            type="text"
            name="FROMDATE"
            id="FROMDATE"
            class="w-input input_box filter_calendar"
            input-type="datepicker"
            date-format="date"
            autocomplete="off"
          />
          <div class="cal_space">~</div>
          <input
            type="text"
            name="TODATE"
            id="TODATE"
            class="w-input input_box filter_calendar"
            input-type="datepicker"
            date-format="date"
            autocomplete="off"
          />
        </div>
      </div>

      <div class="filter_column">
        <div class="filter_label">
          <div multi-lang style="display: none">MATERIALDEFINITIONID</div>
          <!-- MATERIALDEFINITIONID​ : 자재 -->
        </div>
        <div class="filter_input">
          <input
            type="text"
            name="MATERIALDEFINITIONID"
            id="MATERIALDEFINITIONID"
            class="w-input input_box add_btn"
          />
          <div id="openPopUpBtn1" class="min_srchbtn">
            <div class="w-icon fa fa-search icon"></div>
          </div>
        </div>
      </div>

      <div class="filter_column">
        <div class="filter_label">
          <div multi-lang style="display: none">COPERATOR</div>
        </div>
        <div class="filter_input">
          <select id="VENDORID" class="w-select combo_box"></select>
        </div>
      </div>

      <div class="filter_column">
        <div class="filter_label">
          <div multi-lang style="display: none">
            PURCHASEORDERDETAILSYSID
          </div>
          <!-- 발주번호 -->
        </div>
        <div class="filter_input">
          <input
            type="text"
            name="input1"
            id="PURCHASEORDERID"
            class="w-input input_box"
          />
        </div>
      </div>

      <div class="filter_column">
        <div class="filter_label">
          <div multi-lang style="display: none">MATERIALLOTID</div>
          <!-- 자재LOT -->
        </div>
        <div class="filter_input">
          <input
            type="text"
            name="input1"
            id="MATERIALLOTID"
            class="w-input input_box"
          />
        </div>
      </div>
    </form>

    <div class="filter_btn_area">
      <div id="findBtn1" class="btn_search tu_theme">
        <div class="w-icon fa fa-search icon"></div>
        <div class="btn_txt">
          <div multi-lang style="display: none">SEARCH</div>
          <!-- SEARCH: Search -->
        </div>
      </div>
    </div>
</div>

필터 종류

• datepicker

• popupBtn 을 통해 데이터 입력 받는 경우

• combobox

• text (Key-in)

Widget 설정

datepicker 의 경우 각 js 별 getMonth , getDay , convertToyyyyMMdd 함수를 통해 조정

key-in 경우 필터만 등록하고 별도의 조치 필요없음 (필수아님)

combobox 의 경우 widget 설정의 드롭다운에 쿼리문 입력

대체 텍스트 {"SHOWCODE":true} 는 선택한 항목의 name-code 형식으로 보여줌

주의사항 ) 필터가 없는 경우 오류가 발생할 가능성이 있어 최소 하나의 필터는 등록해줘야함