관리-도구
편집 파일: search-product.js
'use strict'; $('.search-product').on('input', function () { let name = $(this).val().trim(); if (name.length === 0) { $.get($('#get-search-product-route').data('action'), {searchValue: ''}, (response) => { $('.search-result-box').html(response.result); }); return; } $.get($('#get-search-product-route').data('action'), {searchValue: name}, (response) => { $('.search-result-box').html(response.result); }); }); $('.search-all-type-product').on('focus click keyup',function (){ let name = $(this).val(); let data = { searchValue: name }; let $input = $(this); let $wrapper = $input.closest('.dropdown'); let $dropdown = $wrapper.find('.dropdown-menu'); $dropdown.addClass('show'); $.get($('#get-search-product-route').data('action'), {searchValue: name}, (response) => { $('.search-result-box').empty().html(response.result); }) }) let selectProductSearch = $('.select-product-search'); selectProductSearch.on('click', '.select-product-item', function () { let productName = $(this).find('.product-name').text() || 'All Products'; let productId = $(this).find('.product-id').text(); selectProductSearch.find('button.dropdown-toggle, button.dropdown--toggle ').text(productName); $('.product_id').val(productId); }) $(document).on('keydown', '.select-product-search input', function (e) { if (e.key === 'Enter') { e.preventDefault(); return false; } });