CodeIgniter의 편집 버튼을 클릭하여 행 업데이트

Question

모든 데이터가 표시되고 모든 행에 편집 버튼이있는 테이블이 있습니다. 이제 내가 원하는 것은 편집 버튼을 클릭 한 후 팝업/모델 상자/라이트 박스를 클릭 한 후 페이지를 새로 고침하지 않고 표시되고 모든 입력란이 해당 상자에 표시된다는 것입니다. 컨트롤러 및 모델 업데이트하는 방법을 알고 있습니다. 그냥 단추를 삭제하려면 다음 행 ID를 첨부 할 및 다음 Ajax 통해 컨트롤러에 보내고 다음 라이트 박스에 채 웁니다이 일을 내가 뭘.

여기 내보기입니다 :

<?php foreach($records as $row){?> 
<tr> 
<td> 
    <td><?php echo $row->cat_name; ?></td> 
    <td><?php $row->cat_id;?> <a toggle="modal" href="#myModal"id="edit">Edit</a> 

     <a data-toggle="modal" href="#myModal">Delete</a> 

     <div class="modal hide" id="myModal"> 

그냥 우리가 '아이디'를 통해 값을 잡아하지만 여기에 어떻게이 라인에 ID를 제공 할 수 있기 때문에 아약스에서 컨트롤러에 아약스를 통해 CAT_ID을 보낼 수있는 방법을 말해.

 <?php $row->cat_id;?> 

수정 버튼 뒤에 있습니다.

Answer 1

<script languae="javascript" type="text/javascript"> 

$(function(){ 
    $(".edit").click(function(){ 
     row_id = $(this).attr("row_id"); 
     alert(row_id) 
    }) 

    $(".delete").click(function(){ 
     row_id = $(this).attr("row_id"); 
     alert(row_id) 
    }) 
}) 


</script> 

파일에이 자바 스크립트를 추가하고 앵커 태그의 HTML remove id 속성을 변경하십시오.

<a toggle="modal" href="#myModal" class="edit" row_id="<?php $row->cat_id;?>">Edit</a> 

     <a data-toggle="modal" href="#myModal" class="delete" row_id="<?php $row->cat_id;?>">Delete</a> 

Answer 2

당신은 앵커 태그

<a toggle="modal" href="#myModal"id="edit" row_id="<?php echo $row->cat_id; ?>">Edit</a>

의 사용자 정의 속성을 설정을 통해 ID를 얻을 수 있습니다 당신은 자바 스크립트를 사용하여이 속성에 액세스 할 수 있으며 귀하의 아약스 URL을 추가합니다.