>source

부트 스트랩 모달을 자동 완성하는 데 문제가 있습니다. 책에 대한 키워드 검색을 입력하면 검은 색 점만 나타납니다. 이것에 대한 해결책이 있습니까? 이미지에서 볼 수 있듯이 CSS z-index를 추가하려고 시도했지만 결과는 여전히 동일합니다.

public function CheckingBook()
{
    if ($this->input->is_ajax_request()) {
        if ( isset($_GET['term']) ) {
            $result = $this->book_model->GetBookByTitle($_GET['term']);
            if (count($result) > 0) {
                foreach ($result as $row) {
                    
                    $data[] = array(
                        'judul_buku' => $row['judul_buku'],
                        'isbn_buku'  => $row['isbn_buku'],
                        'kode_buku'  => $row['kode_buku']
                    );
                }
            } else {
                $data = [
                    'msg' => 'error',
                    'gagal' => 'Tidak ada data yang ditemukan' 
                ];
            }
        } else {
            $data = [
                'msg' => 'error',
                'gagal' => 'Tidak ada data yang di inputkan' 
            ];
        }
        echo json_encode($data);
    } else {
        $this->session->set_flashdata('error', 'Tidak punya akses langsung kehalaman tersebut');
        redirect(base_url('adminpage/book'),'refresh');
    }
}

이것은 jquery 자동 완성입니다

$('#bookTitleAdd').autocomplete({
    source: '/perpustakaan/adminpage/book/CheckingBook',
    select : function (event,ui) {
        $('#bookTitleAdd').val(ui.item.judul_buku)
        $('#bookISBNAdd').val(ui.item.isbn_buku)
    }
});
<input type="text" name="judulBuku" class="form-control" id="bookTitleAdd" placeholder="Judul Buku" autocomplete="off">

xhr 네트워크를 살펴본 다음 어레이의 데이터 개체를 확인합니다.

  • 답변 # 1

    나는 같은 문제가 있었다. Z- 색인 때문입니다. Boostrap 모달은 z-index = 1050입니다. jquery-ui 메뉴에는 z-index = 100이 있습니다.

    이것을 사용할 수 있습니다 :

    .ui-menu.ui-autocomplete.ui-front {
    z-index: 1100;
    
    

    }

  • 답변 # 2

                  $data[] = array(
                        'label' => $row['judul_buku'], //solved this
                        'judul_buku' => $row['judul_buku'],
                        'isbn_buku'  => $row['isbn_buku'],
                        'kode_buku'  => $row['kode_buku']
                    );
               
    
    

관련 자료

  • 이전 python - 그룹화 인덱스가없는 pandas 피벗 테이블
  • 다음 mysql - Except 하위 쿼리의 행 수 COUNT