[관리] 관리자 포인트관리 페이지 포인트 지급시 아이디 자동완성

그누위즈 쪽지보내기 포인트선물 메일보내기 자기소개 아이디로 검색 전체게시물 관리자 팁 19-01-23 09:35 1,060

그누보드의 관리자 화면에서 포인트를 관리하는 페이지가 있습니다.

해당 부분에서 특정 회원에서 포인트를 지급 할 경우 아이디가 기억나지 않거나 할 때에

회원아이디 자동완성 기능을 추가해서 사용할 수 있습니다.


c6a2d548b0a74a3b55527e1749e6b69c_1548203667_5877.jpg


c6a2d548b0a74a3b55527e1749e6b69c_1548203667_6475.jpg


위와 같이 k만 회원아이디에 넣더라도 자동완성 기능으로 모든 회원을 검색할 수 있습니다.


우선 adm/point_list.php 파일에 다음과 같은 코드를 추가합니다.


<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>


<script>

//회원아이디 자동완성

    $("#mb_id").autocomplete({                    

        minLength: 1,

        maxHeight: 200,

        autoFocus:true,                    

        source: function(request, response) {

            $.ajax({

                url: "<?echo G5_BBS_URL?>/ajax.member_chk.php?term="+$("#mb_id").val(),

                type: "GET",

                dataType: "json",

                success: function(data) {

                    response($.map(data, function(item) {

                        return {

                            label: item.mb_id + " [" + item.label+ "]",

                            mb_id: item.mb_id,

                            member_name : item.label

                        };

                    }));

                }

            });                        

        },

        select: function(event, ui) {                            

            $("#mb_id").val(ui.item.mb_id);

            

            console.log("Member Id : " + ui.item.mb_id);

            console.log("Member Name : " + ui.item.member_name);

            

            return false;

        },

        open: function(event, ui) {

            $("#mb_id").css("z-index", 1000);


        },

        focus: function (event, ui) {

           event.preventDefault(); // Prevent the default focus behavior.

        }

    });

</script>


이후 bbs/ajax.member_chk.php 파일을 다음과 같이 생성합니다.

<?php

include_once('../common.php');


$search = trim(strip_tags($_GET['term']));


$sql = "select * from {$g5['member_table']} where mb_id like '$search%';";

$result = sql_query($sql);


for ($i=0; $row=sql_fetch_array($result); $i++) {

    $return_arr[] = array("mb_id" => $row['mb_id'], "label" => $row['mb_name']);

}


echo json_encode($return_arr);

?>


해당 자동완성 기능을 응용하여 여러가지(검색어 등)를 구현할 수 있으니

처음 구현해보시는 분들은 이리저리 수정해가며 사용해보시면 도움될 것 같습니다.

최대한 간단하게 만든다고 만들었는데 수정해야할 것이 있다면 말씀부탁드립니다.

추천 0 비추천 0
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 밴드 보내기
  • 블로그 보내기
  • 폴라 보내기
  • 카카오스토리 보내기
  • 텔레그램 보내기
  • 텀블러 보내기
댓글 0

관리자

RSS
번호 제목 글쓴이 날짜 추천 비추천
상단으로