2009-08-18 3 views
2

다른 버튼을 클릭 할 때 값을 편집 할 수있는 jquery 플러그인이 실제로 문서화되어 있습니다.Jeditable을 사용하여 편집 된 값 저장

Jeditable은 아직 내가 발견 한 것 중 가장 가까운 것이지만 테스트 할 때조차도이를 저장하는 방법을 모르겠습니다. 정말 빠른 값을 반환합니다.

내 PHP 스크립트에 대해이 작업을 사용하고 있습니다 :

function editprofile() 
{ 
    $this->input->post('value'); 
} 

이 내 JS 스크립트는 :

<span id="city" class="detail">Philadelphia</span> 
<a href="javascript:;" class="edit">Edit</a> 

고정 : PHP를해야

$("a.edit").live('click', function(){ 

    $(this).parent("li").find("span.detail").editable('profile/editprofile', 
    { 
     indicator : 'Saving...', 
     submit : 'OK', 
     tooltip : 'Click to edit...' 
    });  
}); 

이 내 HTML입니다 be :

echo $this->input->post('value'); 
+0

서버 측 코드를 확장 할 수 있습니까? – voyager

답변

3

Jeditable ,

Jeditable의 예에서

:이 예제 load.php에서

는 XHTML을 렌더링하지 마크 업 소스를 반환해야합니다. 그러나 save.php는 렌더링 된 xhtml을 반환해야합니다. 브라우저를 저장할 때 저장 스크립트가 반환하는 것을 정확하게 표시합니다. 또 다른 옵션이 있습니다. 데이터 소스에 마크 업 소스를 전달할 수 있습니다.

그래서 save.php는 (페이지로 인쇄) 편집 된 장소에 나타났다 될 것됩니다 텍스트 (안 HTML)를 반환해야합니다. 또한 변경 사항을 데이터베이스 또는 수행해야하는 서버 측 작업에 저장해야합니다. 당신은 아무것도 할 save.php

You post with javascript, and echo to the client the response. http://img34.imageshack.us/img34/3412/savephp.png

당신은 새 값을 저장합니다.

여기에 다른 tutorial for the in-line editor for jQuery이 있습니다.

+0

첫 번째 2 개의 링크는 내가 찾은 2 개이며, 첫 번째 링크를 사용하고 있습니다. 자습서에서는 어떻게해야할지 모르겠습니다. 이는 PHP 측면입니다. – matthewb

+0

네가 맞아, 좀 서둘 렀어. – voyager

+0

나는 그것을 얻은 것 같아요 : 하나의 단어를 잊었습니다 내 PHP 함수에 echo $ this-> input-> post ('value'); – matthewb

1

toggledit에는 간단한 콜백 메커니즘 (onpreview, onedit)과 간단한 공용 메소드 api (edit, preview)가 있습니다.

저장하려면 이러한 이벤트 또는 다른 이벤트가 트리거 될 때 발생시키는 자체 아약스 기능을 작성하십시오. 저장 버튼이 클릭되면

편집 모드로 전환 리스너도 구성 할 수 있습니다 - 당신이 당신의 버튼 선택에 전달할 수 있습니다

 
$(el).toggleEdit('edit'); 
$(el).toggleEdit('preview'); 
: 또한

 
$(form).find('input,select').toggleEdit({ 
    listeners: { 
     edit: '#your_button' 
    } 
}); 

, 당신은 수동으로 공개 이벤트를 사용하여 버튼에서 편집 및 미리보기를 게재 할 수

도 참조하십시오 https://stackoverflow.com/questions/708801/whats-the-best-edit-in-place-plugin-for-jquery/ :>