ASP.NET UpdatePanel의 HelpBallon.js

Question

HelpBallon.js (http://www.beauscott.com/2008/03/02/helpballoonjs-version-20/)가 ASP.NET UpdatePanel에서 작동하는 방법을 아는 사람이 있습니까? 포스트 백 후에 모든 이미지가 손실됩니다.

Answer 1

이 플러그인을 모르지만, 일반적인 생각은 Panel로드 후 javascript를 업데이트해야한다는 것입니다.

나는 HeloBallon 플러그인의 코드를 확인하여 onload을 캡처하고 registerClassLinks 함수를 실행합니다.

패널이 업데이트 될 때 다시 실행하려면이 자바 스크립트 코드를 페이지에서 사용할 수 있습니다.

var prm = Sys.WebForms.PageRequestManager.getInstance();  
prm.add_initializeRequest(InitializeRequest); 
prm.add_endRequest(EndRequest); 

function InitializeRequest(sender, args) {  
} 

function EndRequest(sender, args) { 
    HelpBalloon.registerClassLinks(); 
} 

지금이 작동하는지 확인해야합니다, 또는 당신은 몇 가지 작은 변화를해야하지만,이 아이디어입니다.

<script type="text/javascript"> 
    var prm = Sys.WebForms.PageRequestManager.getInstance(); 
    prm.add_pageLoaded(Page_Loaded); 

    function Page_Loaded(sender, args) { 
     var hb1 = new HelpBalloon({ returnElement: true, title: 'title', content: 'text.' }); 
     $get('myContainer').appendChild(hb1.icon); 
    } 

    } 
    </script> 

Answer 2

내 작업 솔루션입니다 : 페이지의 자리 표시 자로 요소를 정의했습니다. 페이지 끝의 코드는 다음과 같습니다.