사용자 상세검색 _modal

사용자 상세검색 창을 누르면

// 상세섬색 버튼 클릭
$("#userDetailedSearchBtn").click(function(){
    alert("detailedSearch()");
 
    detailedSearchShow();
    
});
 
function detailedSearchShow(){
    var modalTitle = {};
    modalTitle.formClass = "USER_detailedSearch";
    modalTitle.title = "사용자 상세검색";
    
    modalFormClean();
    
    $(".modal-title").html(
            "<strong>"+modalTitle.title+"</strong>" 
    );
    //사원정보 상세검색
    $("#grid_list_modal").html(
            "<li>" +
            "<label>사원번호</label>"+
            "<input type='text' name='dcode' id='Search_DCODE' >"+
            "</li>"+
            "<li>" +
            "<label>이름</label>"+
            "<input type='text' name='name' id='Search_NAME' >"+
            "</li>"+
            "<li>" +
            "<label>사원ID</label>  "+
            "<input type='text' name='ename' id='Search_ENAME'>"+
            "</li>"+
            "<li>" +
            "<label>부서</label>"+
                "<select name='department' id='Search_DEPARTMENT'>"+
                "<option value='select' selected='selected'>선택해주세요</option>"+
                "<option value='DEPT01' >도서관관리팀</option>"+
                "<option value='DEPT02' >일본사업팀 </option>"+
                "<option value='DEPT03' >디자인팀  </option>"+
                "<option value='DEPT04' >자료관리팀 </option>"+
                "</select>"+
            "<label>직급</label>"+
                "<select name='position' id='Search_POSITION'>"+
                "<option value='select' selected='selected'>선택해주세요</option>"+
                "<option value='W_PO1' >사원 </option>"+
                "<option value='W_PO2' >선임</option>"+
                "<option value='W_PO3' >책임 </option>"+
                "<option value='W_PO4' >과장 </option>"+
                "<option value='W_PO5' >차장 </option>"+
                "<option value='W_PO6' >팀장 </option>"+
                "<option value='W_PO7' >이사 </option>"+
                "</select>"+
            "</li>"+
            "<li>" +
            "<label>사원상태</label>"+
                "<select name='present' id='Search_PRESENT'>"+
                "<option value='select' selected='selected'>선택해주세요</option>"+
                "<option value='W_PE1' >정상회원</option>"+
                "<option value='W_PE2' >대출정지</option>"+
                "<option value='W_PE3' >관리자</option>"+
                "</select>"+
            "</li>"
    );
    listCss();
    $("#popup_btn").html(
            "<button type='button' id='close' class='btn btn-default' data-dismiss='modal'>닫기</button>"+
            "<button type='button' id='detailedSearch_Btn' class='btn btn-default' data-dismiss='' >검색하기</button>"
    );
    $("#detailedSearch_Btn").click(function(){
        detailedSearch();
    });
    
}
 
// 사용자 상세검색
function detailedSearch() {
 
    var DCODE = $("#Search_DCODE").val();
    var NAME = $("#Search_NAME").val();
    var ENAME = $("#Search_ENAME").val();
    var DEPARTMENT = $("#Search_DEPARTMENT").val();
    var POSITION = $("#Search_POSITION").val();
    var PRESENT = $("#Search_PRESENT").val();
 
    alert(NAME);
 
    $("#list2").jqGrid(
            'setGridParam',
            {
                url : "/library/userDetailedSearch.do?DCODE=" + DCODE
                        + "&NAME=" + NAME + "&ENAME=" + ENAME + "&PRESENT="
                        + PRESENT + "&POSITION=" + POSITION + "&DEPARTMENT="
                        + DEPARTMENT
            }).trigger("reloadGrid");
 
    $("#USER_detailedSearch").each(function() {
        this.reset();
    });
 
}