eyuntaek
79
2018-05-13 14:20:01
4
1149

홈페이지 테이블 버튼 추가


제가 자바,넷빈즈,오라클디벨로퍼를 사용해서

간단한 홈페이지를 제작하고 있습니다!

도서관 홈페이지를 제작중인데

현재 대출가능한 도서 목록을 테이블로 출력하는것 까지 구현했는데

테이블을 출력하면서 튜플옆에 대출하기 버튼을 추가하고 싶은데 어떻게 구현해야할지 잘모르겟습니다

조언 부탁드립니다

활용 코드는

 <table align="right"style="max-width:1200px"class="w3-container w3-grayscale" >

            <tr>

                <td colspan="8" align="right" height="50" class="font-color">

                </td>

            </tr>

            <tr align="center" height="35">

                <td style="font-weight:bold"width = "80" >대출 유무</td>

                <td style="font-weight:bold"width = "80">도서명</td>

                <td style="font-weight:bold"width = "80">글쓴이</td>

                <td style="font-weight:bold"width = "80">장르</td>

                <td style="font-weight:bold"width = "80">출판사</td>

                <td style="font-weight:bold"width = "80">출판년도</td>

                <td style="font-weight:bold"width = "80">가격</td>

                <td style="font-weight:bold"width = "80">대출 기한</td>

            </tr>

            <%

                Dao ldao = new Dao();

                List r = ldao.all();

                Iterator p = r.iterator();

                Bean lbean = null;

                while (p.hasNext()) {

                    lbean = (Bean) p.next();


            %> 

            <tr align="center">

                <td><% out.println(lbean.getRent());%></td>

                <td><% out.println(lbean.getBook_name());%></td>

                <td><% out.println(lbean.getWriter());%></td>

                <td><% out.println(lbean.getArea());%></td>

                <td><% out.println(lbean.getCompany());%></td>

                <td><% out.println(lbean.getYear());%></td>

                <td><% out.println(lbean.getPrice());%></td>

                <td><% out.println(lbean.getRentdate());%></td>

            </tr> 

            <% }%>

        </table>

입니다

아래 사진은 출력한 테이블입니다  대출기한 요소 값 null 옆에 대출하기를 모든 튜플에 다 추가하고 싶습니다.

0
  • 답변 4

  • EastGlow
    1k
    2018-05-13 16:09:16

    <td><% out.println(lbean.getRentdate());%></td>

    코드 다음 줄에

    <td><input type="button" value="대출하기" onclick="javascript:bookLoan('<% out.println(lbean.getIdx());%>')></td> 

    이런식으로 작성하시면 될 거 같네요. 대출하기 버튼을 생성해주시고 눌렀을 때 특정 함수(위에선 대출하기 기능)를 실행하도록... 각 도서마다의 인덱스값을 넘겨주면 특정 책에 대하여 대출기능을 만드시기 수월하실거구요.


  • eyuntaek
    79
    2018-05-13 23:56:50

    답변 감사합니다!

    제가 원하는 기능은 튜플마다 전체에 버튼을 추가하고 싶습니다

    인덱스값 넘겨주는건 이미 구현을 하였는데

    버튼을 튜플마다 하나씩 다 넣어주고 싶은데

    어떤식으로 해야할지 모르겟습니다

    포문을 이용하여야 할까요? 조언 부탁드립니다!

  • EastGlow
    1k
    2018-05-14 19:30:02 작성 2018-05-14 19:32:31 수정됨

    그러니깐 한 로우마다 버튼을 다 주고싶다는거 아니신가요?

    https://jsfiddle.net/eastglow/knbLh0uo/


    이런식으로요. 이미 <tr>을 while문을 통해 생성하고 계시니깐 대출기한<tr> 다음 줄에 처음 답변드린 것 처럼 한줄 추가하시면 될 거에요. 물론 위에 제목줄도 같이 추가하셔야겠죠?



    <%
        Dao ldao = new Dao();
        List r = ldao.all();
        Iterator p = r.iterator();
        Bean lbean = null;
    
        while (p.hasNext()) {
            lbean = (Bean) p.next();
    %> 
        <tr align="center">
            <td><% out.println(lbean.getRent());%></td>
            <td><% out.println(lbean.getBook_name());%></td>
            <td><% out.println(lbean.getWriter());%></td>
            <td><% out.println(lbean.getArea());%></td>
            <td><% out.println(lbean.getCompany());%></td>
            <td><% out.println(lbean.getYear());%></td>
            <td><% out.println(lbean.getPrice());%></td>
            <td><% out.println(lbean.getRentdate());%></td>
            <td><input type="button" value="대출하기" onclick="javascript:bookLoan('<% out.println(lbean.getIdx());%>')></td> 
          </tr> 
    <% }%>


  • eyuntaek
    79
    2018-05-14 20:09:30
    감사합니다!
  • 로그인을 하시면 답변을 등록할 수 있습니다.