|
|
@@ -0,0 +1,128 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : BrandSearchForm.html
|
|
|
+ * @desc : 브랜드 팝업 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2020.12.15 eskim 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<div class="modalPopup" data-width="500" id="popupBrandList">
|
|
|
+ <div class="panelStyle">
|
|
|
+ <!-- TITLE -->
|
|
|
+ <div class="panelTitle">
|
|
|
+ <strong>브랜드 목록</strong>
|
|
|
+ <button type="button" class="close" onclick="uifnPopupClose('popupBrandList');"><em class="fa fa-times"></em></button>
|
|
|
+ </div>
|
|
|
+ <!-- //TITLE -->
|
|
|
+
|
|
|
+ <!-- 검색 조건 -->
|
|
|
+ <div class="panelContent">
|
|
|
+ <form id="searchBrandListForm" name="searchBrandListForm" action="#" th:action="@{'/business/brand/list'}" onsubmit="$('#btnSearchBrandList').trigger('click'); return false;">
|
|
|
+ <table class="frmStyle" aria-describedby="검색조건">
|
|
|
+ <colgroup>
|
|
|
+ <col style="width:15%;"/>
|
|
|
+ <col/>
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>브랜드명</th>
|
|
|
+ <td>
|
|
|
+ <input type="text" name="searchTxt" th:value="${params.searchTxt}" maxlength="20" onkeypress="if (event.keyCode == 13) { $('#btnSearchBrandList').trigger('click'); }"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="center">
|
|
|
+ <button type="button" class="btn btn-base btn-lg" id="btnSearchBrandList">조회</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- //검색 조건 -->
|
|
|
+
|
|
|
+ <!-- 리스트 영역 -->
|
|
|
+ <div class="panelContent">
|
|
|
+ <div id="gridBrandList" style="width: 100%; height: 470px" class="ag-theme-balham"></div>
|
|
|
+ </div>
|
|
|
+ <!-- //리스트 영역 -->
|
|
|
+
|
|
|
+ <!-- 버튼 배치 영역 -->
|
|
|
+ <ul class="panelBar">
|
|
|
+ <li class="right">
|
|
|
+ <button type="button" class="btn btn-info btn-lg" id="btnConfirmBrand">확인</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ let columnDefsMdList = [
|
|
|
+ {width: 40, minWidth: 40, cellClass: 'text-center', headerCheckboxSelection: false, checkboxSelection: true, filter: false},
|
|
|
+ {headerName: "브랜드번호", field: "brandCd", width: 120, cellClass: 'text-center'},
|
|
|
+ {headerName: "브랜드국문명", field: "brandEnm", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "브랜드영문명", field: "brandKnm", width: 150, cellClass: 'text-center'}
|
|
|
+ ];
|
|
|
+
|
|
|
+ let gridOptionsBrandList = gagaAgGrid.getGridOptions(columnDefsMdList);
|
|
|
+
|
|
|
+ // Row double click
|
|
|
+ gridOptionsBrandList.onRowDoubleClicked = function(event) {
|
|
|
+ $('#btnConfirmBrand').trigger('click');
|
|
|
+ }
|
|
|
+
|
|
|
+ // 조회
|
|
|
+ $('#btnSearchBrandList').on('click', function() {
|
|
|
+ // Fetch data
|
|
|
+ gagaAgGrid.fetch($('#searchBrandListForm').prop('action'), gridOptionsBrandList, '#searchBrandListForm');
|
|
|
+ });
|
|
|
+
|
|
|
+ // 확인
|
|
|
+ $('#btnConfirmBrand').on('click', function() {
|
|
|
+ var selectedData = gagaAgGrid.selectedRowData(gridOptionsBrandList);
|
|
|
+
|
|
|
+ if (selectedData.length == 0) {
|
|
|
+ mcxDialog.alert('선택된 브랜드가 없습니다.');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ var callbackFn = [[${params.callbackFn}]];
|
|
|
+
|
|
|
+ var jsonData = JSON.stringify(selectedData);
|
|
|
+
|
|
|
+ if (typeof callbackFn != 'undefined' && callbackFn) {
|
|
|
+ if (typeof callbackFn == 'function') {
|
|
|
+ callbackFn(jsonData);
|
|
|
+ } else {
|
|
|
+ if (callbackFn) {
|
|
|
+ if (callbackFn.indexOf("(") == -1) {
|
|
|
+ eval(callbackFn + "(" + jsonData + ")");
|
|
|
+ } else {
|
|
|
+ eval(callbackFn(jsonData));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ uifnPopupClose('popupBrandList');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $(document).ready(function() {
|
|
|
+ // Create a agGrid
|
|
|
+ gagaAgGrid.createGrid('gridBrandList', gridOptionsBrandList);
|
|
|
+
|
|
|
+ $('#btnSearchBrandList').trigger('click');
|
|
|
+ });
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+
|
|
|
+</div>
|
|
|
+
|
|
|
+</html>
|
eskim